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

相关推荐
Clownseven6 小时前
Docker+Nginx+Node.js实战教程:从零搭建高可用的前后端分离项目
nginx·docker·node.js
水冗水孚1 天前
图文并茂讲解nginx中http升级https(部署SSL证书)知识点总结
nginx·http·https
HYI2 天前
小公司前端多分支测试太痛苦?我自己写了个轻量 CLI
nginx·vite
timeweaver2 天前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
Moment2 天前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
伊成3 天前
Docker 部署 Nginx 完整指南
nginx·docker·容器
小白的代码日记3 天前
Nginx学习与安装
运维·nginx
ayaya_mana4 天前
Nginx性能优化与安全配置:打造高性能Web服务器
运维·nginx·安全·性能优化
油丶酸萝卜别吃4 天前
nginx配置代理服务器
运维·网络·nginx
花酒锄作田4 天前
Nginx反向代理Kafka集群
nginx·kafka