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

相关推荐
The_Ticker2 小时前
印度股票实时行情API(低成本方案)
python·websocket·算法·金融·区块链
龙卷风卷云5 小时前
【BUG】Nginx使用upstream后端接口报 400
运维·nginx·bug
2501_921649495 小时前
低延迟量化交易数据 API:从架构设计到性能优化的完整实践指南
python·websocket·金融·量化
Java面试题总结5 小时前
Nginx 配置笔记
运维·笔记·nginx
预立科技5 小时前
SSE、WebSocket 和 HTTP
websocket·网络协议·http·sse
cyber_两只龙宝6 小时前
【Nginx】Nginx配置负载均衡详解
linux·运维·nginx·云原生·负载均衡
夜影风7 小时前
Tengine、OpenResty与Nginx三大Web服务中间件对比分析
nginx·openresty·技术架构
海的透彻1 天前
nginx启动进程对文件的权限掌控
运维·chrome·nginx
my_styles1 天前
linux系统下安装 tengine / 宝兰德等国产信创中间件和闭坑
linux·运维·服务器·spring boot·nginx·中间件
NGINX开源社区2 天前
从 F5 NGINX Ingress Controller 迁移到 F5 NGINX Gateway Fabric
nginx