这个错误通常意味着客户端无法建立到服务器的WebSocket连接。Vue3项目中出现这个报错,可能情况分为
1)网络问题
检查网络,确保服务器端与客户端是连接通畅的,当然这个时候肯定是得运行服务器端
2)地址或端口错误
确认你尝试连接的WebSocket地址和端口是正确的,没有输入错误。
3)浏览器兼容性问题
某些旧的浏览器版本可能不支持WebSocket或支持有限。确保你使用的浏览器支持WebSocket,并更新到最新版本。
4)跨域问题
如果你的WebSocket服务不在同一个域下,可能会遇到跨域问题。确保服务器正确响应跨域请求,或者在开发环境中使用代理来避免跨域问题。
下面代码或许能解决你的问题
response.setHeader("Access-Control-Allow-Origin", "http://localhost:8888");
response.setHeader("Access-Control-Allow-Credentials","true");
5)代理
尝试关闭它们,然后再次尝试连接WebScoket,有时代理或VPN会干扰WebScoket的连接
6)服务器端WebSocket服务未正确启动
确认服务器端WebSocket服务已经成功启动,并且监听在正确的端口上。