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

相关推荐
桃花岛主709 小时前
WebSocket是h5定义的,双向通信,节省资源,更好的及时通信
网络·websocket·网络协议
五号厂房13 小时前
客户端收到413 Request Entity Too Large错误该如何解决?
nginx
大胆刁民14 小时前
nginx
nginx
王者鳜錸15 小时前
2024从Maven-MySQL-Nginx部署
mysql·nginx·maven
中国lanwp15 小时前
Pingora vs. Nginx vs. 其他主流代理服务器性能对比
运维·nginx
李菠菜18 小时前
利用Nginx实现高性能的前端打点采集服务(支持GET和POST)
linux·前端·nginx
我怎么能这么帅气19 小时前
为什么你的录音API在测试环境突然消失?程序员必看的Nginx局域网HTTPS求生指南
javascript·nginx
佳腾_1 天前
【web服务_负载均衡Nginx】二、Nginx 核心技术之负载均衡与反向代理
前端·nginx·云计算·负载均衡·web中间件
一一Null1 天前
Android studio—socketIO库return与emit的使用
android·java·网络·ide·websocket·网络协议·android studio