关于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文件,注释初始化方法
在这里插入图片描述

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐