Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Rails 5.1 Vue.js网页包中订阅websocket_Javascript_Ruby On Rails_Websocket_Vue.js_Webpack Dev Server - Fatal编程技术网

Javascript 从Rails 5.1 Vue.js网页包中订阅websocket

Javascript 从Rails 5.1 Vue.js网页包中订阅websocket,javascript,ruby-on-rails,websocket,vue.js,webpack-dev-server,Javascript,Ruby On Rails,Websocket,Vue.js,Webpack Dev Server,我在Rails 5.1应用程序中有一个Vue.js模板,带有最新的网页包,并调用REST API publicClient.getProducts()方法,效果很好。但是订阅websocket连接会遇到如下所示的问题 “跨源请求被阻止:同一源策略不允许在读取远程资源。(原因:CORS标头“访问控制允许源”丢失)。” 非常感谢您的帮助 要点:错误消息显示,您的API服务器位于与为前端代码vue.js提供服务的域(问题中未指定)不同的域()中。浏览器将阻止此类请求,例如 服务器必须发送Access

我在Rails 5.1应用程序中有一个Vue.js模板,带有最新的网页包,并调用REST API publicClient.getProducts()方法,效果很好。但是订阅websocket连接会遇到如下所示的问题

“跨源请求被阻止:同一源策略不允许在读取远程资源。(原因:CORS标头“访问控制允许源”丢失)。”

非常感谢您的帮助


要点:

错误消息显示,您的API服务器位于与为前端代码vue.js提供服务的域(问题中未指定)不同的域()中。浏览器将阻止此类请求,例如

服务器必须发送
Access Control Allow Origin:[前端域]
头才能允许访问


有很多方法可以配置为这样做

Rails 5.1 vue.js客户端应用程序在本地主机上进行开发。gdax开发团队告诉我,目前不支持将gdax客户端嵌入网页,所以我需要代理所有请求。不知道这意味着什么,但我在从express.js服务器端应用程序打开WebSocket时没有问题。非常感谢。