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

相关推荐
Evan芙5 小时前
Nginx 平滑升级
数据库·nginx·ubuntu
破烂pan7 小时前
Python 长连接实现方式全景解析
python·websocket·sse
真上帝的左手8 小时前
15. 实时数据- SSE VS WebSocket
websocket
9527出列10 小时前
Netty实战--使用netty构建WebSocket服务
websocket·网络协议·netty
Evan芙10 小时前
Nginx 安装教程(附Nginx编译安装脚本)
windows·nginx·postgresql
真上帝的左手10 小时前
15. 实时数据-SpringBoot集成WebSocket
spring boot·后端·websocket
invicinble11 小时前
nginx的基本认识
运维·nginx
爆肝疯学大模型11 小时前
http转https,免费快速申请证书并实现nginx配置
nginx·http·https
qinyia11 小时前
通过 Wisdom SSH AI 助手部署和配置 Nginx Web 服务器
人工智能·nginx·ssh
嘻哈baby11 小时前
Nginx反向代理与负载均衡实战指南
运维·nginx·负载均衡