ฉันกำลังพยายามฝังแดชบอร์ด Kibana โดยใช้ Nginx แต่ได้รับหน้าจอว่างเปล่า ไม่มีข้อผิดพลาดเกิดขึ้น (ยกเว้นข้อผิดพลาด "inline script" ที่คาดไว้) แต่ไม่มีการโหลดอะไรเลย Kibana ถูกปรับใช้บนคลาวด์ Azure และฉันไม่มีสิทธิ์การเข้าถึงระดับผู้ดูแลระบบ ดังนั้นฉันจึงไม่สามารถแก้ไขไฟล์ .yaml ได้ ฉันพยายามฝัง Kibana ในแอป Angular โดยใช้ iframe
นี่คือไฟล์กำหนดค่า Nginx ของฉัน:
ผู้ปฏิบัติงาน_กระบวนการ 1;
เหตุการณ์ {
worker_connections 1024;
}
http {
รวม mime.types;
แอปพลิเคชัน default_type/octet-stream;
ส่งไฟล์บน;
keepalive_timeout 65;
เซิร์ฟเวอร์ {
ฟัง 80;
server_name localhost;
ที่ตั้ง / {
รูท html;
ดัชนี index.html index.htm;
}
ที่ตั้ง /api {
proxy_pass http://localhost:8080/<client>/api;
proxy_http_version 1.1;
proxy_set_header อัพเกรด $http_upgrade;
proxy_set_header การเชื่อมต่อ 'อัปเกรด';
proxy_set_header โฮสต์ $host;
proxy_cache_bypass $http_upgrade;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-ส่งต่อ-สำหรับ $remote_addr;
}
สถานที่ /kibana/ {
add_header X-my-debug $http_referer;
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<พอร์ต>/;
sub_filter_once ปิด;
sub_filter 'src="bootstrap.js' 'src="/kibana/bootstrap.js';
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header การอนุญาต '<auth-info>';
proxy_set_header X-Found-Cluster cbca73a5db19409287b3e17ef1a3df82;
proxy_set_header โฮสต์ $host;
proxy_set_header X-ส่งต่อ-สำหรับ $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
การเชื่อมต่อ proxy_set_header "Keep-Alive";
proxy_set_header การเชื่อมต่อพร็อกซี "Keep-Alive";
ปิด proxy_redirect;
add_header เนื้อหา-ความปลอดภัย-นโยบาย "script-src 'ตัวเอง' <ชื่อบริษัท>.azure.elastic-cloud.com:<พอร์ต> 'ไม่ปลอดภัยในบรรทัด' 'ไม่ปลอดภัย-eval';" เสมอ;
}
ตำแหน่ง /bootstrap.js {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/bootstrap.js;
add_header Content-Security-Policy "script-src 'self' https://<company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline' 'unsafe-eval';" เสมอ;
}
สถานที่ /39457/ {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/39457/;
add_header Content-Security-Policy "script-src 'self' https://<company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline' 'unsafe-eval';" เสมอ;
}
สถานที่ /การแปล/ {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/translations/;
}
ตำแหน่ง /node_modules/@kbn/ui-framework/dist/kui_light.css {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/node_modules/@kbn/ui-framework/dist/kui_light.css;
}
ตำแหน่ง /ui/legacy_light_theme.css {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/ui/legacy_light_theme.css;
}
ตำแหน่ง /api/core/ความสามารถ {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/api/core/capabilities;
}
ตำแหน่ง /ui/fonts/inter_ui/ {
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/ui/fonts/inter_ui/;
}
ตำแหน่ง /ภายใน/ {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/internal/;
}
ตำแหน่ง /api/ใบอนุญาต/ข้อมูล {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/api/licensing/info;
}
ตำแหน่ง /api/saved_objects_tagging/tags {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/api/saved_objects_tagging/tags;
}
ตำแหน่ง / ออกจากระบบ {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/logout;
}
ตำแหน่ง /api/ui_counters/_report {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/api/ui_counters/_report;
}
ตำแหน่ง /api/security/logout {
proxy_set_header การอนุญาต '<auth-info>';
proxy_pass https://<ชื่อบริษัท>.azure.elastic-cloud.com:<port>/api/security/logout;
}
# เปลี่ยนเส้นทางหน้าข้อผิดพลาดของเซิร์ฟเวอร์ไปยังหน้าสแตติก /50x.html
error_page 500 502 503 504 /50x.html;
}
}
และฉันมีสิ่งนี้ใน index.html ของฉันด้วย:
<meta http-equiv="Content-Security-Policy"
content="
script-src 'self' https://<company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline' 'unsafe-eval';
frame-src 'self'https://<company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline';
style-src 'self' https://<company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline';"
>