请问以下代码配置,需要开启ws,报错WebSocket connection to ‘ws://127.0.0.1:8080/ws‘ failed: Invalid frame header,该怎么解

为vue.config.js文件内容,使用vuecli4

const path = require(‘path’);
const resolve = dir => path.join(__dirname, dir);
const webpack = require(‘webpack’);
const MomentLocalesPlugin = require(‘moment-locales-webpack-plugin’);

let proxyObj={};

proxyObj[‘/ws’]={
ws: true,
secure: false,
target: ‘http://192.168.1.1’,
changeOrigin: true,
pathRewrite: {
‘^/ws’: ‘/’
}
}
module.exports = {
publicPath: ‘/’,
runtimeCompiler: false,
transpileDependencies: true,
integrity: false,

devServer: {
open: true,
host: ‘127.0.0.1’,
port: 8080,
https: false,
hot: ‘only’,
proxy: proxyObj
},
}
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误通常表示WebSocket连接失败,原因是无效的帧头。根据引用和引用,该错误可能由几个原因引起。一种可能性是WebSocket服务端无法连接到指定的URL。这可能是由于网络问题、服务器故障或URL设置错误引起的。另一种可能性是代理服务器配置不正确,导致反向代理WebSocket连接失败。根据引用,使用Nginx来反向代理WebSocket服务时,需要正确配置Nginx以支持WebSocket连接。 要决这个问题,你可以尝试以下几个步骤: 1. 确保WebSocket服务端的URL地址是正确的。检查URL是否包含正确的主机名、端口号和路径。确保WebSocket服务正在运行,并且可以通过指定的URL进行访问。 2. 检查网络连接是否正常。确保你的客户端能够与WebSocket服务端建立网络连接。你可以尝试使用其他网络设备或连接尝试重新连接。 3. 检查代理服务器配置是否正确。如果你正在使用代理服务器来反向代理WebSocket连接,确保你已正确配置Nginx或其他代理服务器以支持WebSocket连接。根据引用,你可能需要使用特定的配置选项来启用WebSocket支持,并确保代理服务器能够正确转发WebSocket请求。 4. 检查浏览器是否支持WebSocket。确保你正在使用支持WebSocket的浏览器版本。可以尝试在其他支持WebSocket的浏览器上测试连接,以确定是否是浏览器兼容性问题。 总结来说,当出现"WebSocket connection to 'ws://localhost:8080/ws' failed: Invalid frame header"错误时,可能是由于无法连接到指定的URL、代理服务器配置问题、网络问题或浏览器不支持WebSocket等原因导致的。你可以尝试根据上述步骤进行排查和决。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [控制台反复输出WebSocket connection to ‘ws://10.133.212.203:8080/wsfailed:](https://blog.csdn.net/weixin_46466212/article/details/126762870)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Nginx反向代理WebSocket服务连接报错WebSocket connection to “wss://xxx/xxx“ failed](https://blog.csdn.net/tiven_/article/details/126126442)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值