vue项目访问服务器时：WebSocket connection to ‘wss://XXXX/‘的解决方法

关于WebSocke的介绍：新手入门：websocket
简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。

我的报错如下：

程序可以正常运行使用，但一直打印报错太难受了，问了一下同事，也查了一下（百度）。

我的想法：服务器地址通过nginx代理访问，所以要么就解决Nginx通过在客户端和后端服务器之间的通信问题，要么就直接让我的前端不给后端发送信息。

解决方式：
1、修改nginx配置：

location /api/ {proxy_pass http://test.com;proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";
}

2、修改vue项目中的WebsocketMixin.js文件，注释初始化方法

以上是我今天偶然遇到的问题和解决方法，记录一下，如果有错误的地方欢迎指正。

vue项目访问服务器时：WebSocket connection to ‘wss://XXXX/‘的解决方法相关推荐

vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
vue项目中将视频链接分享至推特的解决方法及踩坑记录
vue项目中将视频链接分享至推特的解决方法及踩坑记录将动态改变的视频链接分享至推特,并希望能直接在推特上播放视频的需求实现方法及踩坑记录如果只要将文本或链接分享到推特,不需要推特识别图片/视频等媒 ...
前端报错如何在服务器中显示,详解Vue项目中出现Loading chunk {n} failed问题的解决方法...
最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败.但是这个问题 ...
关于vue项目打包后提示图片文件路径错误的解决方法
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片 ...
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
文章目录 1. 删除 2. 安装依赖 3. 启动项目解决方法 1. 删除删除 node_modules 整个文件夹和 package-lock.json 文件(这个文件不一定有),注意不是 pac ...
Vue项目中出现Loading chunk {n} failed问题的解决方法
由于项目里面用到了vue-router,vue-router的错误处理函数 onError 是不是能够捕获该错误呢?我们来看一下官方文档的说明: 当在渲染一个路由的过程中,需要尝试解析一个异步组件时发 ...
vue项目中通过WebSocket实现实时消息提示及遇到的问题
vue项目中通过WebSocket实现实时消息提示(前端代码) 需求说明后台有新增消息通知,并实时推送给用户端,用websocket可以很方便的解决这个问题,但是websocket有个弊端不兼容IE ...
Vue项目启动时卡在98% after emitting StylelintWebpackPlugin无法运行
Vue项目启动时卡在98% after emitting StylelintWebpackPlugin无法运行背景:在启动vue项目时,突然出现这个错误,排查了很久终于找到原因,此处记录一下. 问 ...

vue项目访问服务器时：WebSocket connection to ‘wss://XXXX/‘的解决方法

vue项目访问服务器时：WebSocket connection to ‘wss://XXXX/‘的解决方法相关推荐

最新文章

热门文章