django+vue

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

django安装配置方式略过

1、安装node.js，官网地址：https://nodejs.org/zh-cn/download/

2、cd到项目目录下，执行npm install -g vue-cli

3、在项目目录下新建前端工程目录 vue-init webpack vuefront

4、进入前端工程目录，安装： npm install

5、在前端工程目录下执行，看是否安装成功：npm run dev

浏览器访问127.0.0.1:8080/index 出现vue介绍页面就成功了
6、在前端工程目录下，输入npm run build，如果项目没有错误的话，就能够看到所有的组件、css、图片等都被webpack自动打包到dist目录下了

7、在urls里配置路由

from django.views.generic.base import TemplateView
。。。

path(r'^$', TemplateView.as_view(template_name="index.html"))
8、进入settings.py，修改模板系统，

TEMPLATES，

'DIRS': ['vuefront/dist'],
设置静态文件目录

STATICFILES_DIRS = [
os.path.join(BASE_DIR, "vuefront/dist/static"),
]

可以参考文章
https://blog.csdn.net/Jack_wise/article/details/80690826