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

相关推荐
lixww.cn8 小时前
ASP.NET Core SignalR向部分客户端发消息
javascript·websocket·vue·asp.net core·signalr
carfied-feifei10 小时前
基于 Nginx 的 CDN 基础实现
nginx·cloud native
core51210 小时前
“可通过HTTP获取远端WWW服务信息”漏洞修复
nginx·漏洞·openresty·可通过http·获取远端www服务信息
qq_3993380017 小时前
vue3+websocket+springboot、websocket消息通讯
spring boot·websocket·网络协议·vue
ekskef_sef1 天前
用nginx正向代理https网站
运维·nginx·https
GGBondlctrl1 天前
【WebSocket探秘】解锁 WebSocket:开启实时交互新境界
网络·websocket·网络协议·轮询机制·websocket报文格式·websocket网络编程
楠枬1 天前
WebSocket
websocket·网络协议·spring
Future_yzx1 天前
Linux系统安装Nginx详解(适用于CentOS 7)
linux·nginx·centos
优人ovo2 天前
Websocket从原理到实战
网络·websocket·网络协议