【苍穹外卖】修改前端代码解决修改Nginx端口后websocket连接失败的问题

解决方案------修改前端js代码

步骤一

找到文件app.d0aa4eb3.js (...\nginx-1.20.2\html\sky\js\app.d0aa4eb3.js),将n="ws://localhost/ws/"改成下面的内容。

javascript 复制代码
// 改成n="ws://localhost:800/ws/"仍然不行------页面空白
n="ws://127.0.0.1:800/ws/"

步骤二

找到文件app.d0aa4eb3.js.map (...\nginx-1.20.2\html\sky\js\app.d0aa4eb3.js.map),将process.env.VUE_APP_SOCKET_URL改成下面的内容,修改后如图。

javascript 复制代码
'ws://localhost:800/ws/'

步骤三

清除浏览器缓存------重新启动Nginx------重新加载网站

相关推荐
梁bk5 小时前
[Nginx]反向代理和负载均衡
运维·nginx·负载均衡
游戏开发爱好者87 小时前
iOS重构期调试实战:架构升级中的性能与数据保障策略
websocket·网络协议·tcp/ip·http·网络安全·https·udp
却道天凉_好个秋10 小时前
音视频学习(三十六):websocket协议总结
websocket·音视频
绝不偷吃13 小时前
FastDFS分布式储存
linux·nginx
java1234_小锋15 小时前
解释一下NGINX的反向代理和正向代理的区别?
运维·nginx
2501_9160137417 小时前
iOS 多线程导致接口乱序?抓包还原 + 请求调度优化实战
websocket·网络协议·tcp/ip·http·网络安全·https·udp
夏天想18 小时前
优化 WebSocket 实现单例连接用于打印【待测试 】
网络·websocket·网络协议
PanZonghui1 天前
Centos项目部署之Nginx 的安装与卸载
linux·nginx
charlee441 天前
nginx部署发布Vite项目
nginx·性能优化·https·部署·vite
2501_915921431 天前
Fiddler 中文版怎么配合 Postman 与 Wireshark 做多环境接口调试?
websocket·网络协议·tcp/ip·http·网络安全·https·udp