App.vue:28 WebSocket connection to 'wss://5j6854m050.goho.co/ws/2' failed:
时间: 2023-10-30 11:57:02 浏览: 172
根据你提供的引用内容,问题中的错误提示是WebSocket连接失败。根据引用\[1\]中的描述,这个问题可能是由于vue-cli-service在服务器上无法正确检测到公网IP,而是使用了局域网IP导致的。引用\[2\]和引用\[3\]提供了两种修改vue.config.js中devServer配置的方法来解决这个问题。
根据引用\[2\]中的配置,可以尝试在devServer中添加以下配置:
```
client: {
webSocketURL: 'ws://0.0.0.0:8999/ws'
}
```
这样可以指定WebSocket的URL为本地的IP地址和端口号。
另外,根据引用\[3\]中的配置,也可以尝试修改devServer中的配置为:
```
devServer: {
host: '0.0.0.0',
port: 3000,
client: {
webSocketURL: 'ws://0.0.0.0:3000/ws',
},
headers: {
'Access-Control-Allow-Origin': '*',
}
}
```
这样可以指定WebSocket的URL为本地的IP地址和端口号,并添加了跨域请求的配置。
请根据你的具体情况选择其中一种方法进行尝试,以解决WebSocket连接失败的问题。
#### 引用[.reference_title]
- *1* [解决vue问题WebSocketClient.js?5586:16 WebSocket connection to ‘ws://x.x.x.60:8081/ws‘ failed](https://blog.csdn.net/youaregoo/article/details/123358613)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [解决WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.1.102:8999/ws‘ failed:](https://blog.csdn.net/m0_62323730/article/details/128846402)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue 报错:WebSocket connection to ‘ws://192.168.51.116:3000/ws‘ failed:](https://blog.csdn.net/sherlyxoxo/article/details/125647887)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文