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

相关推荐
life码农16 小时前
Nginx 配置允许指定 IP 段访问:从 192.168.1.1 到 192.168.1.124 及 /24 详解
网络·tcp/ip·nginx
吴声子夜歌18 小时前
Nginx应用与运维——Nginx编译及部署(部署)
java·运维·nginx
Wang's Blog19 小时前
Java 项目实战: 外卖平台优化-Nginx目录结构与conf配置文件体系
java·nginx
XS03010620 小时前
Nginx 学习指南
运维·nginx
骑着蜗牛撵大象32720 小时前
Agent 打字机是怎么来的:SSE 与 WebSocket 打通实时响应与中间状态
网络·websocket·网络协议·agent·sse·实时通信·流式输出
吴声子夜歌21 小时前
Nginx应用与运维——Nginx代理服务应用实战(TCP/UDP代理)
运维·tcp/ip·nginx
吴声子夜歌21 小时前
Nginx应用与运维——Nginx缓存服务应用实战(一)
运维·nginx·缓存
web打印社区21 小时前
C-Lodop 提示未准备好或 WebSocket 没准备好:先让本机服务起来
javascript·网络·websocket·网络协议·pdf·html
web打印社区1 天前
Lodop 提示未安装或请升级:Chrome 里先分清该装哪套
开发语言·前端·javascript·chrome·websocket·http
Wang's Blog1 天前
Java 项目实战: 外卖平台优化-Nginx常用命令与环境变量配置
java·网络·nginx