javascript - 从 Rails 5.1 Vue.js webpack 订阅 websocket

Question

我在 Rails 5.1 应用程序中有一个 Vue.js 模板，带有最新的 webpack，并且调用 REST API publicClient.getProducts() 方法工作正常。但是订阅 websocket 连接会出现问题，如下所示。

“跨源请求被阻止:同源策略不允许读取 https://ws-feed.gdax.com/ 处的远程资源。(原因:CORS header ‘Access-Control-Allow-Origin’丢失)。”

非常感谢任何帮助。

要点:https://gist.github.com/nengine/e216c080988fca7cf4c3aa26f388f236

Answer 1

错误消息显示您的 API 服务器位于与为您的前端代码 vue.js 提供服务的域(问题中未指定)不同的域 ( https://ws-feed.gdax.com/ ) 中。浏览器将阻止此类请求 security mechanism 。

服务器必须发送 Access-Control-Allow-Origin: [frontend domain] header 以允许 cross origin resource sharing 。

有rails plugins可以配置它来做到这一点。