苍穹外卖 修改nginx的端口后websocket连接失败解决

苍穹外卖 修改nginx的端口后websocket连接失败解决

问题：

后端配置好websocket后前端仍显示如图所示的错误

解决：

1. 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）
2. 用f12观察前端发送的请求
   正常来说这个请求的url会被nginx反向代理到http://localhost:8080/ws/xxxx,
   但却没能得到响应。原因就是其实它并未被反向代理
3. 由于80端口被占用，所以我把nginx的端口改成了81，而前端发送请求的路径是ws://localhost/ws/xxxx，搜了一下ws协议的默认端口是80，nginx被改了之后监听不到80了导致不能对该路径进行反向代理。
4. 问题出在前端只能去改前端的代码，位置在

nginx-1.20.2\html\sky\js\app.d0aa4eb3.js

ctrl+f搜索ws找到对应代码，将端口号定为81（改成你修改的端口）

5. 到此还未结束，一定要记得清理浏览器的缓存或者换个浏览器。如果f12发现自己改了代码，但是请求的路径没变，那就是缓存没清。

最后有帮助请点个赞吧👍