0

我有一個Vue.js模板在Rails 5.1應用程序中使用最新的webpack並調用REST API publicClient.getProducts()方法正常工作。但訂閱websocket連接會出現問題,如下所示。從Rails 5.1中引出websocket Vue.js webpack

「跨源請求被阻止:同源策略不允許在https://ws-feed.gdax.com/處讀取遠程資源(原因:缺少CORS頭'Access-Control-Allow-Origin')。」

任何幫助是極大的讚賞。

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

回答

1

錯誤消息表明您的API服務器位於比投放了您的前端代碼vue.js.域(在這個問題沒有指定)一個不同的域(https://ws-feed.gdax.com/)瀏覽器將阻止security mechanism這樣的請求。

服務器必須發送Access-Control-Allow-Origin: [frontend domain]標頭以允許cross origin resource sharing

rails plugins可以配置爲做到這一點。

+0

Rails 5.1 vue.js客戶端應用程序在localhost上進行開發。我從gdax dev團隊獲悉,現在不支持將gdax客戶端嵌入網頁,因此我需要代理所有請求。不太確定這是什麼意思,但我沒有問題,從express.js服務器端應用程序打開websockets。謝謝。 – amj