将 VueJS 与 Rails 现有应用程序部分集成答案

【问题标题】：Partially integrate VueJS with Rails existing app将 VueJS 与 Rails 现有应用程序部分集成
【发布时间】：2017-09-09 19:53:38
【问题描述】：

当前状态

我有一个完全使用 Rails 开发的网站，使用 Rails 视图、经典的 Coffescript 和 SCSS。我所有的路线都在 routes.rb 上声明。

需要什么

开发的一些页面有很多相关的逻辑，将其迁移到网络应用程序更有意义。选择的网络应用是 Vue.js。

整个网站（一个非常复杂的产品）将被增量部署（当使用 Vue.js 的页面准备就绪时，Rails 应用程序上的页面应该被新的“替换”）。一个主要的限制是代码库是不同的。 Vue.js 应用程序将从 Rails 应用程序 API 获取信息。

问题（需要帮助）

如何设置一些路由到 Rails 应用程序，而其他路由到 Vue.js 应用程序？（请记住，它们是不同的代码库，不同的“物理文件夹”）

提前致谢。

【问题讨论】：

前端可以使用 Vue.js，后端可以吗？我不确定这是后端的一个非常常见的选择。你是什么意思'将它迁移到网络应用程序更有意义'？ Rails 已经是 Web 应用程序的框架。
问题是代码库是不同的 Graham。一方面，我们有使用数据库和视图的 Rails 应用程序。另一方面，我们有 Vue 应用程序，它使用 Rails 应用程序 API 加载信息。

【解决方案1】：

您检查过webpacker 项目吗？

如果您的 vue 项目已经在单个 vue 组件中，那么您可以将组件导入到 rails 项目中。

要开始使用，请按照webpacker 的自述文件进行操作。

在您的轨道上。

<%= javascript_pack_tag 'components/vue' %>

这样，你可以继续使用 rails 的路线。

【讨论】：