连接前端和后端-Rails和Vue



我对此有点困惑
如果在Rails中,使用erb文件可以构建页面布局,1(在什么情况下我们会使用webpacker来添加vue。

到目前为止,我所理解的是Vue应用程序有时会向服务器发出请求,比如说填充数据2(这是唯一的用途还是其他用途?

同样3(最好将vue或angular应用程序生成为独立应用程序(如vue-create应用程序,因此vue在前端文件夹中,rails在后端文件夹中(,还是在rails 中使用webpacker

我会尝试同时回答你的三个问题,希望没问题!

有三种常见的方法可以将Vue.js(或任何JavaScript(库集成到Rails应用程序中:

  • 您可以通过链轮加载它,链轮是内置的Rails资产打包库。如果您的应用程序主要是静态呈现的,而不是SPA(单页应用程序(,则可以这样做。Sprockets与Rails紧密集成,允许您在Rails模板和代码中引用资产。然而,Sprockets在实际捆绑/打包、优化以及任何复杂JS项目的易用性方面都远远落后于Webpack。因此,只有当你在一个几乎静态的网站上添加少量交互性时,你才会想这样做
  • 您可以通过Webpacker加载它。Webpacker的想法是为您提供一种非常简单的方法来开始构建带有rails后端的SPA。因此,您可以获得Webpack的所有好处,但不需要(一开始(在推特上发布许多配置,也不需要设置单独的web服务器,也不必担心CORS。它非常适合在Vue.js中启动一个新项目/原型设计,或者将Vue.js逐步集成到一个更大的静态网站中。缺点是Webpacker使用Webpacker.yml作为其默认配置,这在您最终需要更复杂的配置时增加了不必要的混乱
  • 最后,您可以通过一个单独的web服务器("独立"(加载它,从长远来看,这将通过较少的Webpacker中间件和访问最新的webpack版本为您提供最大程度的自由。它还为您提供了扩展、安全和执行服务器端渲染等高级功能的能力。缺点是,这确实需要最前期的设置和长期的维护时间。AFAIK这是公司为SPAs提供服务的最常见方式

最新更新