修改vue.config.js里的devServer配置，添加client 配置文章来源地址https://www.toymoban.com/news/detail-525069.html
client: {
webSocketURL: 'ws://0.0.0.0:8999/ws'
}module.exports = {
// 配置跨域请求
devServer: {
// 项目运行的端口号配置
port: 8999,
// 自动打开浏览器
open: true,
https: false,
proxy: {
'/api': {
// 要请求的后端接口
target: 'http://127.0.0.1:8888',
ws: true, // 用于支持websocket，不写默认为true
// 开启跨域
changeOrigin: true,
// secure: true, // 如果是 https,需要开启这个选项
// 替换 target 中的请求地址，也就是说，以后请求地址时候，直接写成/api即可
pathRewrite: {
'^/api': ''
}
}
},
// 添加后， WebSocket 就不会报错了
client: {
webSocketURL: 'ws://0.0.0.0:8999/ws'
}
}
}
文章来源：https://www.toymoban.com/news/detail-525069.html
到了这里，关于解决WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.1.102:8999/ws‘ failed:的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
