【苍穹外卖】修改前端代码解决修改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------重新加载网站

相关推荐
偶尔上线经常挺尸4 小时前
《100个“反常识”经验15:Nginx 502排查:从应用到内核》
运维·nginx·性能调优·反向代理·502错误·http排错
yoyo_zzm5 小时前
Laravel9.x新特性全解析
数据库·mysql·nginx
yoyo_zzm7 小时前
Laravel8.x新特性全解析
数据库·nginx
TimeAground9 小时前
WebSocket 与长连接:从协议握手到断线重连的完整实战
websocket
2501_9216494912 小时前
企业定制金融数据 API:从架构设计到 Python 接入实战
大数据·开发语言·python·websocket·金融·量化
计算机安禾13 小时前
【Linux从入门到精通】第32篇:Nginx入门——高性能Web服务器搭建
linux·服务器·nginx
程序员Linc16 小时前
双击nginx.exe5次之后,我的项目管理平台挂了
运维·nginx
a8a3021 天前
Laravel9.x新特性全解析
运维·spring boot·nginx
用户97436970725281 天前
5分钟搭建企业级实时消息推送系统
后端·websocket
Unbelievabletobe1 天前
港股api的WebSocket推送如何订阅多只股票
网络·websocket·网络协议