本章主要介绍下我是如何把【vue-cli3项目】和【Django项目】结合起来的，可能不是一种最好的解决办法但也是一种可以实现的办法。

前序-创建项目

一、创建VUE cli3

我用的是ant design vue框架所以安装就是按照它文档写的来

// 安装cli3
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli

注意：如果安装了cli2需要卸载之后再安装cli3

$ vue create frontend // 创建一个叫demo的项目

二、创建Django项目

// 创建project
django-admin startproject everything
cd demo
python manage.py startapp backend

正文-配置结合

一、Django配置首页url（启动服务后的第一个页面）

2.Django设置setting配置项（静态资源、url路径前缀配置等）

3.vue设置build配置项 vue.config.js（设置打包输出目录和上面的静态资源相结合）

4.解决两个环境之间的跨域问题（安装django-cors-headers并且配置相应参数）

pip install django-cors-headers

结尾

本地结合步骤大概就是这样，但是结合完之后如果要是用pycharm启动项目时可能会发现django指向的是你的dist打包文件的index.html，这样的话对于调试前端项目来说非常不友好。

所以目前我的解决办法就是，在本地的前端项目中启动服务，再在django项目中启动服务，两者之间也是可以满足联调关系的，在前端项目完成后，再build包然后更新dist文件夹。

有问题请评论，看到会及时解答疑问。