使用Webpack开发服务器代理

Question

有一个使用@aspnet/signalr模块的Web前端项目，并使用webpack-dev-server开发。

我这样使用@aspnet/signalr：

const connection = new signalR.HubConnectionBuilder()
  .withUrl('/hubs/global', {
    accessTokenFactory: () => getToken()
  })
  .build()

connnection.on('some event', function doSomeThing() {})

connection
  .start()
  .then(() => console.log('start success'))
  .catch(err => console.error(err))

我想将websocket连接代理到我的服务器，所以我已经这样配置webpack.config.js：

proxy: {
  '/api': {
    target: `http://${devServerIp}`,
    changeOrigin: true,
  },
  '/hubs': {
    target: `http://${devServerIp}`,
    changeOrigin: true,
    ws: true,
  },
},

但是我收到了以下错误： Invalid frame header

您是否有类似的经验来解决此问题？