在此情况下,需要将反向代理的配置进行调整,以便在将请求转发到后端时包括WebSocket。可以参照以下的示例代码进行修改:
在angular.json文件中添加以下代码:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "my-app:build",
"proxyConfig": "src/proxy.conf.json"
},
"configurations": {
"production": {
"browserTarget": "my-app:build:production"
},
"proxy": {
"browserTarget": "my-app:build",
"proxyConfig": "src/proxy.conf.json"
}
}
},
在proxy.conf.json文件中添加以下代码:
{
"/api/*": {
"target": "http://localhost:3000",
"secure": false,
"ws": true,
"changeOrigin": true
}
}
这两段代码的作用是实现了 WebSocket 的反向代理。现在应该可以解决此问题了。