苍穹外卖 修改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