Vue Js公共Websocket被CORS政策阻止

Question

我已经用Vue和Node js创建了一个应用程序，但是当我尝试从“ http://localhost”连接到公共websocket时遇到了“ CORS”问题。

Project structure

Error log

我相信导致此问题的原因是尝试通过http连接到https服务器。

有什么办法可以解决localhost中的问题？

Answer 1

尝试安装名为 cors-server 的节点程序包，该程序包将在给定端口上启动Web服务器，该服务器将代理收到的所有请求并向其中添加CORS标头。

要启动服务器，只需从命令行调用它并提供端口号

cors-server <port>

此后，发送给http://localhost:[port]的所有请求都会在响应上have Access-Control-Allow-Origin: *。

例如：

POST http://localhost:3005/http://www.google.com

希望这会有所帮助！。

Answer 2

在这种情况下，真正的问题是尝试从客户端连接到其他域，并且服务器不允许“ Access-Control-Allow-Origin”。

此问题的最佳解决方案是遵循以下波纹管项目：

https://github.com/Tucsky/SignificantTrades

在简历中，在服务器端实现连接websocket，并在客户端公开本地websocket。

就我而言，是Node和Vue js。