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

相关推荐
小黑蛋学java8 小时前
Nginx 接口耗时 Prometheus + Grafana 监控实施方案
运维·nginx·负载均衡·grafana·prometheus
IVEN_10 小时前
记一次诡异的前端白屏故障:Nginx Proxy Cache 内存缓存"幽灵"事件
前端·nginx
Adorable老犀牛14 小时前
nginx_exporter:Prometheus 监控 Nginx 基础指标
运维·nginx·prometheus
TickDB16 小时前
Python 调用实时行情 API:ticker 返回成功后,如何校验字段再入库或展示
python·websocket·行情数据 api
码语智行16 小时前
常见nginx配置
运维·nginx
難釋懷19 小时前
Nginx使用sticky模块完成对Nginx的负载均衡
运维·nginx·负载均衡
難釋懷19 小时前
Nginx水平扩展
运维·nginx
一条泥憨鱼20 小时前
苍穹外卖【day5|Redis与店铺营业状态设置】
java·后端·mybatis·苍穹外卖
The_Ticker20 小时前
港股量化实测:实时行情接口性能与数据质量深度解析
python·websocket·算法·金融
2401_834636991 天前
Linux 负载均衡全实战:Nginx+HAProxy+LVS 从原理到落地
linux·nginx·负载均衡