sockets - Vue.JS + Socket.IO和Cloudflare

Question

我正在尝试使用socket.io Vue-Socket.io运行一个网站，并希望从cloudflare启用DDOS保护。据我所知，cloudflare支持websocket服务器，例如socket.io。
成功启用cloudflare并更改了套接字连接的端口后，google dev控制台会告诉我:

Failed to load http://my-domain.com:2083/socket.io/?EIO=3&transport=polling&t=M9uD7PJ: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://my-domain.com.com' is therefore not allowed access. The response had HTTP status code 400.

有人可以告诉我我必须改变什么？

PS:我正在使用vuejs-cli

Answer 1

这是一个CORS问题。

在您的socket.io服务器中，添加configuration to enable CORS: server.origin() 。

在您的情况下:

io.set('origins', 'http://my-domain.com:2083');

同样，这是服务器端的问题，它刚刚在Vue中得到了体现。但是Vue(或客户端)对此无能为力。