Încerc să încorporez un tablou de bord Kibana folosind Nginx, dar continuă să primesc un ecran gol. Nu sunt aruncate erori (cu excepția eroarei așteptate „script inline”), dar nimic nu este încărcat. Kibana este implementat pe un cloud Azure și nu am acces de administrator, așa că nu pot edita fișierul .yaml. Încerc să încorporez Kibana în aplicația mea Angular folosind iframe.
Iată fișierul meu de configurare Nginx:
lucrător_procese 1;
evenimente {
conexiuni_muncitor 1024;
}
http {
include mime.tipuri;
aplicație de tip_default/octet-stream;
sendfile activat;
keepalive_timeout 65;
Server {
asculta 80;
nume_server gazdă locală;
Locație / {
rădăcină html;
index index.html index.htm;
}
locație /api {
proxy_pass http://localhost:8080/<client>/api;
proxy_http_versiunea 1.1;
proxy_set_header Actualizare $http_upgrade;
proxy_set_header Conexiune „upgrade”;
proxy_set_header Gazdă $gazdă;
proxy_cache_bypass $http_upgrade;
proxy_set_header X-Real-IP $adresă_la distanță;
proxy_set_header X-Forwarded-For $remote_addr;
}
locație /kibana/ {
add_header X-my-debug $http_referer;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/;
sub_filtru_o dată dezactivat;
sub_filter 'src="bootstrap.js' 'src="/kibana/bootstrap.js';
proxy_set_header X-Real-IP $adresă_la distanță;
proxy_set_header Autorizare „<auth-info>”;
proxy_set_header X-Found-Cluster cbca73a5db19409287b3e17ef1a3df82;
proxy_set_header Gazdă $gazdă;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $schema;
proxy_set_header Conexiune „Keep-Alive”;
proxy_set_header Conexiune proxy „Păstrați-vă în viață”;
proxy_redirect dezactivat;
add_header Content-Security-Policy "script-src 'self' <nume-companie>.azure.elastic-cloud.com:<port> 'unsafe-inline' 'unsafe-eval';" mereu;
}
locație /bootstrap.js {
proxy_pass https://<nume-companie>.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';" mereu;
}
locație /39457/ {
proxy_pass https://<nume-companie>.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';" mereu;
}
locație /traduceri/ {
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/translations/;
}
locație /node_modules/@kbn/ui-framework/dist/kui_light.css {
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/node_modules/@kbn/ui-framework/dist/kui_light.css;
}
locație /ui/legacy_light_theme.css {
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/ui/legacy_light_theme.css;
}
locație /api/core/capabilities {
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/api/core/capabilities;
}
locație /ui/fonts/inter_ui/ {
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/ui/fonts/inter_ui/;
}
locație /internă/ {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/internal/;
}
locație /api/licensing/info {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/api/licensing/info;
}
locație /api/saved_objects_tagging/tags {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/api/saved_objects_tagging/tags;
}
locație /logout {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/logout;
}
locație /api/ui_counters/_report {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/api/ui_counters/_report;
}
locație /api/security/logout {
proxy_set_header Autorizare „<auth-info>”;
proxy_pass https://<nume-companie>.azure.elastic-cloud.com:<port>/api/security/logout;
}
# redirecționează paginile de eroare ale serverului către pagina statică /50x.html
pagina_eroare 500 502 503 504 /50x.html;
}
}
și am și asta în 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';"
>