苍穹外卖 修改nginx的端口后websocket连接失败解决
苍穹外卖 修改nginx的端口后websocket连接失败解决
问题：
后端配置好websocket后前端仍显示如图所示的错误
解决：
- 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）
- 用f12观察前端发送的请求
正常来说这个请求的url会被nginx反向代理到http://localhost:8080/ws/xxxx,
但却没能得到响应。原因就是其实它并未被反向代理 由于80端口被占用，所以我把nginx的端口改成了81，而前端发送请求的路径是ws://localhost/ws/xxxx，搜了一下ws协议的默认端口是80，nginx被改了之后监听不到80了导致不能对该路径进行反向代理。- 问题出在前端只能去改前端的代码，位置在
nginx-1.20.2\html\sky\js\app.d0aa4eb3.js
ctrl+f搜索ws找到对应代码，将端口号定为81（改成你修改的端口）
](https://i-blog.csdnimg.cn/direct/aeef273572ee4e16b12d6acc52ff373a.png)
- 到此还未结束，一定要记得清理浏览器的缓存或者换个浏览器。如果f12发现自己改了代码，但是请求的路径没变，那就是缓存没清。
最后有帮助请点个赞吧👍