webpack代理websocket

在项目中需要使用socket连接，本地调试总是报错
第一个问题是未配置webpack代理时，在本地直接使用

new WebSocket('wss://[address]:[port]')

报错，403

问题是后台服务拒绝，这时候就需要用到代理服务

// webpack.config.js
proxy: {
      '/socket/**': {
        target: 'wss://10.10.3.41:8443',
        ws: true,
        secure: false,
        logLevel: 'debug',
      },
    }
// main.js
new WebSocket('/socket/dashboard')

报错，URL is invalid

最后解决：

// webpack.config.js
proxy: {
      '/socket/**': {
        target: 'wss://10.10.3.41:8443',
        ws: true,
        secure: false,
        logLevel: 'debug',
      },
    }
// main.js
new WebSocket('ws://localhost:8080/socket/dashboard')