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

相关推荐
fruge15 小时前
Ubuntu服务器已下载Nginx安装包的安装指南
服务器·nginx·ubuntu
siriuuus16 小时前
Linux Tomcat 简单使用及 Nginx 反向代理
linux·nginx·tomcat
li37149089019 小时前
nginx报400bad request 请求头过大异常处理
java·运维·nginx
Arva .20 小时前
WebSocket实现网站点赞通知
网络·websocket·网络协议
火星数据-Tina1 天前
LOL实时数据推送技术揭秘:WebSocket在电竞中的应用
网络·websocket·网络协议
Crazy________1 天前
34部署LNMP架构详细解析
linux·运维·服务器·nginx
paopaokaka_luck1 天前
基于SpringBoot+Vue的社区诊所管理系统(AI问答、webSocket实时聊天、Echarts图形化分析)
vue.js·人工智能·spring boot·后端·websocket
歪歪1001 天前
使用 Wireshark 进行 HTTP、MQTT、WebSocket 抓包的详细教程
网络·websocket·测试工具·http·wireshark
EndingCoder2 天前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
J_bean2 天前
Spring Boot 集成 WebSocket 的实战案例
spring boot·websocket