本人正在做一个 django 写的论坛,仿造掘金网。前端使用的是 vue.js 。但是过去我用的只是 vue.js 的基本使用,就是当作 jquery 用一样,只是导入。 现在想的是如何用 vue.js 的脚手架从头到尾的去写就一个前端模版,和 django 后端进行交互。
所以问题来了,网上只有教怎么搭建脚手架的,没有说脚手架是怎么配合后端的。更让我不明白的是,脚手架写的.vue 结尾的文件是 html, js, css 一起的文件,这玩意是怎么 build ?又是怎么和后端交互的呢?
求大佬指点迷津!
1
tyx1703 2019-04-02 19:52:23 +08:00 1
最近正好也在处理这个问题,说下我的见解
首先,还是先建议你看完 vue-cli 的文档,不然也不会问出怎么 build 这个问题了。 其次你用了框架,而且是刚开始写,最好是前后端分离的方式进行开发,即后端提供接口,前端调用来完成数据交互。至于你如果有 seo 的需求,那么应该再了解下服务端渲染的内容 我接手的项目并没有前后端分离,但是由于一些原因,需要把部分页面改成用 vue 开发。我是这么做的:开发的时候采用 watch 模式,然后 djnago 将生成的 html 文件作为视图模板,开发完成之后 build 即可。不好的一点就是没有热更新了。 |
3
AppxLite 2019-04-02 20:00:32 +08:00
该怎么 build 就怎么 build,开发完成了 build 然后部署就行了
|
4
izoabr 2019-04-02 20:02:30 +08:00
那个分开的,前端脚手架 build 出来的也只是一个前端库,比如一个大 js 而已。撑死了就是 render 模板需要它的时候模板里导入一下而已。把它当纯静态吧
|
5
noe132 2019-04-02 20:18:46 +08:00
建议使用 nuxt.js ,目前 vue 前端项目的最佳实践。
参考 nuxt 文档使用 create-nuxt-app 快速搭建项目。 没用过 webpack 可以平滑上手曲线,后期也手动修改 webpack 配置 https://nuxtjs.org/ |