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

相关推荐
何双新11 小时前
基于Tornado的WebSocket实时聊天系统:从零到一构建与解析
python·websocket·tornado
陈琦鹏12 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
就改了12 小时前
Nginx 动静分离配置(详细版)
nginx
小王子102418 小时前
Django实时通信实战:WebSocket与ASGI全解析(下)
python·websocket·django
IT布道18 小时前
解决angular与jetty websocket 每30s自动断连的问题
websocket·angular.js·jetty
未来之窗软件服务1 天前
基于 Nginx 与未来之窗防火墙构建下一代自建动态网络防护体系—仙盟创梦IDE
网络·ide·nginx·服务器安全·仙盟创梦ide·东方仙盟
先生沉默先1 天前
Docker常用命令详解:以Nginx为例
nginx·docker
苹果醋31 天前
iview中实现点击表格单元格完成编辑和查看(span和input切换)
运维·vue.js·spring boot·nginx·课程设计
飛_2 天前
【Word Press基础】创建一个动态的自定义区块
运维·nginx·html·word press