如何详细解析Django与Vue实现前后端分离的整合流程？

本文共计598个文字，预计阅读时间需要3分钟。

最近接触到一个任务，是用Django后端和Vue前端搭建一个简单的系统。我主要负责后端开发，之前对Vue不太熟悉，感觉有些震惊。之前没怎么接触过Vue，看了些文档和项目，先说一个一。

最近接到一个任务，就是用django后端，前段用vue，做一个普通的简单系统，我就是一搞后端的，听到vue也是比较震惊，之前压根没接触过vue.

看了vue的一些文档，还有一些项目，先说一下django与vue的完美结合吧！

首先是创建一个django项目

django-admin startproject mysite # 创建mysite项目
django-admin startapp blog # 创建blog应用

一、接下来就是安装关于vue 的东西了

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

2、使用npm淘宝镜像，避免npm下载速度过慢的问题 npm install -g cnpm --registry=registry.npm.taobao.org

3、使用cnpm 下载vue-cli cnmp install -g cue-cli

二、在django项目中创建vue项目

首先，进去django项目的项目目录中，执行：

vue-init webpack firstvue## firstvue为前端项目的名称，可自定义。创建的项目会跟django中的app一样的目录登记。类似一个前端app一样。