Как <object> или <iframe> не работает с обратным прокси Nginx
На моем сайте есть раздел для отображения другого сайта с помощью . Он работает нормально, если пользователь обращается к веб-серверу напрямую. Однако этот раздел ничего не показывает, если я размещаю веб-сайт за обратным прокси-сервером nginx. Интересно, нужно ли добавить какую-нибудь конфигурацию nginx для поддержки этого приложения? Спасибо.
HTML
<div class="container-fluid">
<div id="terminal" style="height: 800px; width: 100%;">
<div>
</div>
JS
$("#consolebutton").click(function(e) {
e.preventDefault();
var device = $('#device option:selected').text();
$.ajax({
type: "POST",
url: "{% url 'Generate_Console_Session' %}",
headers: {
"X-CSRFToken": "{{ csrf_token }}"
},
data: {
"device": device
},
success: function(result) {
var instance = JSON.parse(result);
var ip_address = instance["ip_address"];
var console_string = '<object type="text/html" data="http://172.18.1.10:8888?hostname=' + ip_address + 'width="1500px" height="800px" style="overflow:auto"></object>';
$("#terminal").html(console_string);
},
error: function(result) {
alert('Internal Error');
}
});
});
Nginx
server {
listen 8443 ssl;
server_name 127.0.0.1 172.18.1.10 managementserver;
ssl_certificate /etc/nginx/cert.crt;
ssl_certificate_key /etc/nginx/cert.key;
ssl_session_cache builtin:1000 shared:SSL:10m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers HIGH:!aNULL:!eNULL:!EXPORT:!CAMELLIA:!DES:!MD5:!PSK:!RC4;
ssl_prefer_server_ciphers on;
access_log /var/log/nginx/app.log;
location / {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_pass http://console:8000;
proxy_read_timeout 90;
}
}