如何在 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 模板或资产管道中编写。