Tôi đang cố gắng nhúng bảng điều khiển Kibana bằng Nginx, nhưng vẫn nhận được màn hình trống. Không có lỗi nào được đưa ra (ngoại trừ lỗi "tập lệnh nội tuyến" dự kiến), nhưng không có gì được tải. Kibana được triển khai trên đám mây Azure và tôi không có quyền truy cập của quản trị viên, vì vậy tôi không thể chỉnh sửa tệp .yaml. Tôi đang cố gắng nhúng Kibana vào ứng dụng Angular của mình bằng iframe.
Đây là tập tin cấu hình Nginx của tôi:
worker_processes 1;
sự kiện {
công_nhân kết_nối 1024 ;
}
http {
bao gồm mime.types;
ứng dụng default_type/octet-stream;
gửi tệp trên;
keepalive_timeout 65;
người phục vụ {
nghe 80;
máy chủ_tên máy chủ cục bộ;
địa điểm / {
html gốc;
chỉ mục index.html index.htm;
}
vị trí /api {
proxy_pass http://localhost:8080/<client>/api;
proxy_http_version 1.1;
proxy_set_header Nâng cấp $http_upgrade;
'nâng cấp' kết nối proxy_set_header;
proxy_set_header Máy chủ lưu trữ $host;
proxy_cache_bypass $http_upgrade;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $remote_addr;
}
địa điểm /kibana/ {
add_header X-my-debug $http_referer;
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/;
sub_filter_once tắt;
sub_filter 'src="bootstrap.js' 'src="/kibana/bootstrap.js';
proxy_set_header X-Real-IP $remote_addr;
ủy quyền proxy_set_header '<auth-info>';
proxy_set_header X-Found-Cluster cbca73a5db19409287b3e17ef1a3df82;
proxy_set_header Máy chủ lưu trữ $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header Kết nối "Giữ nguyên";
proxy_set_header Kết nối proxy "Keep-Alive";
proxy_redirect tắt;
add_header Content-Security-Policy "script-src 'self' <company-name>.azure.elastic-cloud.com:<port> 'unsafe-inline' 'unsafe-eval';" luôn;
}
vị trí /bootstrap.js {
proxy_pass https://<company-name>.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';" luôn;
}
vị trí /39457/ {
proxy_pass https://<company-name>.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';" luôn;
}
vị trí /bản dịch/ {
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/translations/;
}
vị trí /node_modules/@kbn/ui-framework/dist/kui_light.css {
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/node_modules/@kbn/ui-framework/dist/kui_light.css;
}
vị trí /ui/legacy_light_theme.css {
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/ui/legacy_light_theme.css;
}
vị trí/api/lõi/khả năng {
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/api/core/capabilities;
}
vị trí /ui/phông chữ/inter_ui/ {
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/ui/fonts/inter_ui/;
}
vị trí /nội bộ/ {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/internal/;
}
vị trí /api/giấy phép/thông tin {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/api/licensing/info;
}
vị trí /api/saved_objects_tagging/tags {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/api/saved_objects_tagging/tags;
}
vị trí /đăng xuất {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/logout;
}
vị trí /api/ui_counters/_report {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/api/ui_counters/_report;
}
vị trí/api/bảo mật/đăng xuất {
ủy quyền proxy_set_header '<auth-info>';
proxy_pass https://<company-name>.azure.elastic-cloud.com:<port>/api/security/logout;
}
# chuyển hướng trang lỗi máy chủ sang trang tĩnh /50x.html
error_page 500 502 503 504 /50x.html;
}
}
và tôi cũng có cái này trong index.html của mình:
<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';"
>