WebSocket在部署https时应该注意

1. 改变本地使用的ws协议:

     将前端调用websocket的地址 ws,改成 wws

url: 'wss://www.xxxxxxx.com/...'

2. 修改Nginx配置

    修改Nginx配置,添加修改头部关键代码

# 后端
    server {
        listen       443 ssl;
        server_name  www.xx.xxx;

        ssl_certificate      /www/server/nginx/cert/xxx.crt;
        ssl_certificate_key  /www/server/nginx/cert/xxxx.key;

        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            proxy_pass http://xxxxx:7200; #后端接口IP

            # 关键的代码
            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;

        }
    }

修改以上两点就可以象本地一样正常访问啦!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值