Django+Vue快速构建前后段分离的项目

PYTHON部分

一、使用命令创建一个django项目

django-admin startproject mysite

目录结构:
Django+Vue快速构建前后段分离的项目

二、创建blog应用

django-admin startapp blog 

Django+Vue快速构建前后段分离的项目


VUE部分

一、使用vue-cli创建一个基于webpack的项目

vue-init webpack firstvue

会有一些问题
直接回车到底就好
Django+Vue快速构建前后段分离的项目
创建时间可能会长点
创建完成后的目录:
Django+Vue快速构建前后段分离的项目

二、进入vue创建的项目

cnpm install

安装项目的依赖

Django+Vue快速构建前后段分离的项目
三、运行命令

npm run build

打包项目
Django+Vue快速构建前后段分离的项目
dist 就是打包生成的项目

Django配置

一、接下来就是配置django中的setting文件了:

Django+Vue快速构建前后段分离的项目
Django+Vue快速构建前后段分离的项目

二、修改urls.py
Django+Vue快速构建前后段分离的项目
三、使用命令运行python服务

python manage.py runserver 

参考
https://blog.****.net/guan__ye/article/details/80451318