如何在 Vue.js 開發人員和 Rails 4 后端之間共享會話？

Question

我正在使用與 Rails 4.2 后端共存的 Vue.js cli 應用程序。

這里的目標是使用現有的會話。 當我為生產模式編譯 Vue.js 應用程序時，我可以在開發模式下運行 Rails 服務器，並且 Vue 應用程序是從public目錄正確提供的，並且會話工作，因為它們在同一個域上提供。

嘗試像這樣進行開發和調試非常困難，因為您必須在進行任何更改后編譯 Vue 應用程序以進行生產測試，這也使得無法利用 Vue Devtools 進行調試。

如果我在開發模式下為 Vue 應用程序提供服務，這是通過 webpack 提供的，那么 Vue 應用程序和 Rails 應用程序是分開提供的，因此現在位於不同的域上，這導致沒有會話共享，不得不嘗試處理 CORS 等。 .

Answer 1

在config/index.js文件中有一個名為 proxyTable 的選項。

通過將此選項設置為proxyTable: {"/": "http://localhost:3000"} ，我們能夠通過本地 Rails 服務器將 webpack 根設置為代理

3000 是 Rails 開發服務器的默認端口，但如果您在不同的端口上運行，您可能需要更改此端口。

Answer 2

如果可以的話，擺脫 webpacker。 可以很好地從 cdn使用 Vue。 當在 rails 模板中實例化 vue 應用程序時，可以使用#{@model.to_json}非常輕松地傳遞數據。

Vue 組件可以使用 x-template 語法在 rails 模板或資產管道中編寫。