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

相关推荐
别致的影分身1 小时前
websocketpp 安装及使用
websocket
Think Spatial 空间思维4 小时前
【SSL部署与优化】如何为网站启用HTTPS:从Let‘s Encrypt免费证书到Nginx配置
nginx·https·证书·部署·ssl·配置·优化
酷爱码7 小时前
Nginx的核心功能--正向代理、反向代理、缓存和Rewrite
运维·nginx·缓存
筱宇***8 小时前
Mac的web服务器
mysql·nginx·macos·php
alden_ygq16 小时前
nginx 出现大量connect reset by peer
服务器·网络·nginx
大大小小聪明16 小时前
Nginx核心功能及同类产品对比
运维·nginx
CryptoRzz17 小时前
印度尼西亚数据源对接技术指南
开发语言·python·websocket·金融·区块链
*郑*18 小时前
nginx配置反向代理支持CORS跨域请求
运维·nginx
{{uname}}1 天前
利用WebSocket实现实时通知
网络·spring boot·websocket·网络协议
*郑*1 天前
nginx配置反向代理后端
运维·nginx