Vue Vue.js + Rails 的设计问题

msg7086 · 2016年09月30日 · 最后由 seaify 回复于 2016年10月01日 · 12170 次阅读

手头有个 Toy project,本来是纯 Rails 项目,大概就首页,列表,内容,这种典型的博客式网站。 现在打算用 Vue.js 练练手改成 SPA,可以学习下 JavaScript。

抓了 vuejs-rails 的文档看了许久,突然意识到,要用 vue-router 好像要禁用 Rails 自己的路由才行? 要把流量全部导到 SPA 的 HTML 页面上,然后再让 JavaScript 去读地址栏再路由?

你们玩这种前端框架的时候(不限于 Vue),都是怎么玩的呢?

← 前端菜鸟,亿脸懵逼。

看你的需求,我觉得还是用 Turbolinks 吧

#1 楼 @zhujg 是为了练手 Vue.js,不是为了实现效果……

我的经验是,你要尝鲜这些前端技术,最好不要在 rails 的环境里试,否则会非常痛苦

如果要练手,按大前端的理念,应该前后端完全分离,基于 node.js 工具链构建独立项目,后端只提供 api。

#3 楼 @u1440247613 #4 楼 @Rei 所以像 vuejs-rails 这样的东西配合 vue-router 会很蛋疼,对不对? Rails 负责 /api,前端全部 HTML+JS 会比较舒服?

这种还是别用 rails 了吧

我用的是 react-router,不过应该差不多。关掉 turbolinks,把前端路由再写一遍到 rails 路由上,页面返回一个空的 html 就行了。加载后浏览器会根据 URL 渲染的,状态可以丢 localstorage。

#7 楼 @alexneverpo 或者直接让空白 html 去 catch all 路由?

前后端分离,用 webpack 搭建前端,rails 提供接口

我先去玩玩看 standalone front end 结构了。多谢各位大佬。

一般情况,都会有个 node 作中间层,rails 只提供 API

vue 官方提供了脚手架

玩前端还是需要 webpack, node 中间层的话可以看下kails ,即可以当中间层,也可以像 rails 这样 mvc

需要 登录 后方可回复, 如果你还没有账号请 注册新账号