WebSocket connection to ‘ws://10.151.2.241:8080/ws‘ failed:

在vue3项���中出现以下错误

这个错误表明在尝试建立到 'ws://10.151.18.185:8080/ws' 的WebSocket连接时失败了。WebSocket是一种用于实现双向通信的协议，这种错误通常发生在以下情况下：

1. 服务器不可达：可能服务器 '10.151.18.185' 不可用，或者WebSocket服务未正确配置。确保服务器正在运行，并且WebSocket服务正在监听指定的端口（8080）。

2. 网络问题：这种错误也可能由于网络问题导致，比如防火墙阻止了WebSocket连接，或者存在网络配置问题。

3. 不正确的WebSocket地址：请确保你正在使用正确的WebSocket地址，包括正确的协议（通常是 'ws://' 或 'wss://'），主机名（IP地址或域名）和端口号。

4. 服务器端问题：另一个可能性是WebSocket服务器端的问题。它可能无法处理连接请求或存在其他配置问题。

为了解决这个问题，你可以执行以下步骤：

- 确保服务器正常运行，WebSocket服务正在监听正确的端口，并且没有防火墙或网络配置问题。

- 检查你的客户端代码，确保它正确指向WebSocket服务器地址。

- 查看服务器端的日志以获取更多信息，可能有关于为何连接失败的信息。

- 在可能的情况下，尝试使用不同的WebSocket库或客户端，以确定问题是由库的问题还是服务器问题引起的。

如何是项目长时间不用，只需重启项目即可，如果不行则执行以下步骤

在vue3项目中，可以在vue.config.js文件中添加以下代码

const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({  devServer: {    host: '0.0.0.0',    // https:true,    port: 6103,    client: {      webSocketURL: 'ws://0.0.0.0:6103/ws',    },    headers: {      'Access-Control-Allow-Origin': '*',    }  },  transpileDependencies: true})module.exports = {  lintOnSave: false,}

然后重启项目