【苍穹外卖】修改前端代码解决修改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 小时前
【Nginx 从入门到实战 07】root 与 alias:资源路径到底怎样对应?
nginx·全栈
acd120094 小时前
Nginx 反向代理的缓冲区坑:后端响应大时接口偶发 502
java·运维·nginx
Thanks_ks5 小时前
常见 HTTP 状态码的坑:301/302、401/403、500/502 之间差的那一个词
计算机网络·nginx·http·面试·状态码·后端开发·浏览器缓存
QianhangQianping7 小时前
WebSocket实时推送+ HTTP 定时轮询:一块大屏两套取数怎么不打架
前端·websocket·网络协议·http·低代码·架构·数据可视化
Lsetea1 天前
Certbot webroot申请SSL证书总是404:Nginx挑战目录与路径映射检查
运维·nginx·https·ssl证书·certbot
莫晓燚1 天前
双机部署若依 (RuoYi‑Vue) 传统环境部署---实战
linux·运维·数据库·redis·mysql·nginx·ruoyi
web打印社区1 天前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
山乐191311 天前
麒麟系统,安装Nginx并配置https证书
运维·nginx·https
一直在努力学习的菜鸟1 天前
阿里云SSL证书到期更换指南(Nginx + Typecho)
nginx
雾时之林1 天前
Nginx反向代理与proxy_cache缓存搭建CDN服务器
服务器·nginx·缓存