An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

Mixed Content: The page at 'https://www.lwenhao.com/' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://myblog.lwenhao.com:8080/myblog/websocket'. This request has been blocked; this endpoint must be available over WSS.

問題：

使用nginx配置ssl證書，部署項目時候發現經過ws協議不行了，必須改成wss協議。Websocket使用 ws 或 wss，相似於 HTTP 或 HTTPS ，其中 wss 表示在 TLS 之上的 Websocket ，至關於 HTTPS 了。默認狀況下，Websocket 的 ws 協議使用 80 端口。運行在TLS之上時，wss 協議默認使用 443 端口。

解決方法

參考官方文檔： http://nginx.org/en/docs/http/websocket.html

在nginx中添加如下配置：

location /websocket {
	proxy_pass http://myblog.lwenhao.com:8080/myblog/websocket;
	proxy_http_version 1.1;
	proxy_set_header Upgrade $http_upgrade;
	proxy_set_header Connection "upgrade";
}

須要代理轉發到你真正的websocket地址。我是在阿里上申請的域名免費的ssl證書，前端只能經過申請證書的域名去請求，不能經過一級、二級域名請求。

注意：

默認狀況下，若是代理服務器在60秒內未傳輸任何數據，則將關閉鏈接。使用proxy_read_timeout指令能夠增長此超時。或者，代理服務器能夠配置爲按期發送WebSocket ping幀以重置超時並檢查鏈接是否仍然存在。