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

相关推荐
ttthe_MOon39 分钟前
动静分离 + 负载均衡:Nginx 与 Tomcat 深度整合实战
nginx·tomcat·负载均衡
凯子坚持 c6 小时前
Docker实战深度解析:从Nginx部署到私有镜像仓库管理
nginx·docker·eureka
惜茶8 小时前
websocket操作入门
前端·javascript·websocket
lwhdjbcjdjd11 小时前
Nginx与Tomcat协作处理流程及数据流向
运维·nginx·tomcat
大大水瓶13 小时前
Nginx学习
学习·nginx·dubbo
百***256114 小时前
Nginx作用以及应用场景
运维·nginx
小徐敲java14 小时前
window使用phpStudy在nginx部署前端测试
运维·前端·nginx
Crazy________14 小时前
38nginx四层负载均衡配置,和动静分离解析
linux·运维·nginx·负载均衡
..空空的人14 小时前
C++基于websocket的多用户网页五子棋 ---- 模块介绍1
开发语言·c++·websocket
百***359415 小时前
如何在树莓派部署Nginx并实现无公网ip远程访问内网制作的web网站
前端·tcp/ip·nginx