出现的错误情况:

vue创建项目打开页面后可以运行正常,就是控制台一直隔几秒报websocket的connection错误

错误如下:

WebSocket connection to ‘ws://localhost:3000/ws’ failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

WebSocketClient@WebSocketClient.js?5586:16
initSocket@socket.js?d6e0:24
eval@socket.js?d6e0:48

解决方法:

在vue.config.js中进行下列的配置

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