Javascript 使用webpack dev服务器代理时，信号器出现错误[帧头无效]

使用webpack dev服务器代理时，信号器出现错误[帧头无效]

Win10+NodeJs（10.15.3）

有一个web前端项目使用

@aspnet/signal

模块，并使用

webpack dev server

进行开发

我使用的

@aspnet/signal

如下：

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))

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

我希望代理websocket连接到我的服务器，因此我将我的

webpack.config.js

配置为：

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))

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

但我得到了以下错误：

我希望开发服务器能够正确代理websocket请求

---

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

您应该将HTTP更改为HTTPS。

这并不能真正回答问题。如果您有不同的问题，可以单击以提问。一旦你有足够的时间，你也可以吸引更多的注意力你有没有想过？我遇到了类似的事情