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

相关推荐
小学生波波3 小时前
鸿蒙APP采用WebSocket实现在线实时聊天
websocket·华为·harmonyos·arkts·鸿蒙·实时聊天·在线聊天
ICT系统集成阿祥4 小时前
实验篇| CentOS 7 下 Keepalived + Nginx 实现双机高可用
linux·运维·服务器·nginx·centos
TechStack 创行者5 小时前
Docker 构建 nginx-redis-alpine 项目详解
运维·redis·nginx·docker·容器
星月昭铭10 小时前
uni-app打包h5并部署到nginx,路由模式history
nginx·uni-app
问道飞鱼14 小时前
【服务器知识】Nginx路由匹配规则说明
服务器·网络·nginx
蜜獾云15 小时前
nginx: [error] invalid PID number ““ in “/usr/local/nginx/logs/nginx.pid“
java·前端·nginx
FE_C_P小麦15 小时前
vue react前端项目打包部署后访问完整路由404【解决方案】
vue.js·nginx·react.js
Xcong_Zhu18 小时前
【经验分享】SpringBoot集成Websocket开发 之 使用由 Jakarta EE 规范提供的 API开发
经验分享·spring boot·websocket
XDIGAS1 天前
Docker 基础命令 - 以 Nginx 实战总结
nginx·docker·容器
19岁开始学习1 天前
cgi,php-cgi,fastcgi,php-fpm,nginx 小记
开发语言·nginx·php