混合内容: https上的页面是通过https加载的，但请求了一个不安全的

Question

我正在使用Nginx +flask- socket - to + aws elb，当URL加载到https上时，我得到了以下错误消息，这是与Nginx和套接字相关的东西，请帮助我。

socket.io.min.js:2 Mixed Content: The page at 'https://localhost/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://localhost/socket.io/1/?t=1477375737508'. This request has been blocked; the content must be served over HTTPS.d.handshake @ socket.io.min.js:2
socket.io.min.js:2 XMLHttpRequest cannot load http://localhost/socket.io/1/?t=1477375737508. Failed to start loading.

Answer 1

查看.js文件，确保使用了正确的ajax URL (//your_site.com/handler，而不是http://your_site.com/handler)，例如：

$.ajax({
url:'//your_site.com/handler',dataType:'json',type:'get',
success: function(data){...},
complete:function(xhr, textStatus){...}
});

Answer 2

混合内容是当前浏览器采用的一种安全策略，其目标是防止通过“安全”HTTPS获取的信息泄漏到不安全的上下文中。因此，使用HTTPS服务的站点必须使用HTTPS或其他启用TLS的协议来获取内容。

TLS上的Websockets的URI前缀是wss，而普通Websockets的URI前缀是ws。至少Chromium和Firefox考虑https+ws混合内容，并拒绝这样的设置-因此wss应该用作安全/ws上下文中的URI前缀，而不是ws。