网站添加https后websocket不能使用

var socket = new WebSocket("wss://www.aabb.cn/socket/");

注意点：

如果网站使用HTTPS，WebSocket必须要使用wss协议；
使用wss协议的连接请求必须只能写域名，而非IP+端口；
建议在URL域名后面为websocket定义一个路径，本例中是/socket/；

nginx配置

只需要在HTTPS配置的server内加一个location即可

# websockets
location /socket/ {proxy_pass http://127.0.0.1:3000;           proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "Upgrade";proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Real-IP $remote_addr;
}

注意：

　　1、location /socket/ {...}这里要格外注意！

　　　　html中的url是 wss://www.aabb.com/socket/，所以Nginx配置中一定要是 /socket/

　　　　如果前端是 wss://www.aabb.com/socket，Nginx对应是 /socket

　　2、proxy_pass对应的最好是公网IP加端口号， 'localhost'，'127.0.0.1'

　　3、proxy_http_version 1.1 版本号必须是1.1，这条配置必需

说明：

　　Nginx反向代理，无论是HTTP/S或是WebSocket都会走443端口，由Nginx分发给各个项目服务器。

网站添加https后websocket不能使用相关推荐

添加https后反向代理gateway报错io.netty.handler.ssl.NotSslRecordException: not an SSL/TLS record
添加https后反向代理gateway报错 2023-02-17 14:19:05.328 [reactor-http-epoll-4] ------ ERROR c..si.gateway.exce ...
网站升级HTTPS后WebSocket不能连接的问题
前端部分如果网站使用HTTPS,WebSocket必须要使用wss协议: 使用wss协议的连接请求必须只能写域名,而非IP+端口: 建议在URL域名后面为websocket定义一个路径,本例中是/w ...
网站开启https后很慢_网站开启https后地址栏安全锁灰色或黄色叹号
关于https各大搜索引擎都以友好的态度对待,那么我们是不是也该开启https呢?就我个人的博客站开启https后效果很明显,我这是不怎么更新的站点,不知道你们的站会怎样.网站开启https以后,地址 ...
网站开启https后很慢_网站HTTPS后初次加载奇慢，打开后站内浏览速度又正常
网站HTTPS后打开奇慢,首页加载后后站内加载速度又正常. 开HTTPS后,首页初次打开特别慢,换了设备情况也是一样. 把HTTPS关了后,首页打开恢复正常, 难道是免费的HTTPS的锅? 如果是这样 ...
网站开启https后很慢_HTTPS会影响网站打开速度吗
HTTPS网站由于在数据传输时对数据进行了加密,相比起HTTP网站从数据安全的角度上看的确时提高了很多.但是可能你会担心,既然是增加了加密和解密的过程,那么HTTPS网站在网站打开速度上会不会受到影响 ...
网站开启https后很慢_网站优化中哪些设置会影响蜘蛛的抓取？对网站SEO产生什么影响...
网站在优化中,要有一定的收录基础才能有更大的几率提升排名,并获得搜索引擎的喜爱.但在网站优化中难免会有一些细节没注意到而影响蜘蛛的抓取,下面就带大家一起了解一下. 一.登录设置有些网站会设置注册账号 ...
网站开启https后很慢_安装SSL证书会导致网站访问速度变慢?
前不久,在网上看到一些这样的信息,是说在网站使用过SSL证书后,会导致网站打开速度变慢?还有这样一个问题,是说SSL证书会导致网上速度变慢,那么使用CND加速,就可以拟补这个访问速度.真的是这样吗?小 ...
部署https后浏览器提示不安全,不出现绿色小锁?
网站部署https后,浏览器提示不安全, 不出现绿色小锁图标? 访问网站后,按f12,浏览器提示: Mixed Content: The page at 'https://www.xxx.com/'' ...
html打开百度自动搜索,网站添加百度自动推送代码的方法
今天有用户过来询问网站如何添加百度自动推送的代码以增加网站的收录数量,所以就水了这篇博文,如果你有此需求的话,不防按照此文章的方法来获取一下百度的推送代码. 百度自动推送代码的作用图获取百度推送代码 ...

网站添加https后websocket不能使用

网站添加https后websocket不能使用相关推荐

最新文章

热门文章