使用vue框架的前后端分离开发打通

在前后端混合开发的模式中，我们可以在django中的模板页面直接书写jquery的ajax语法，向后端发送请求

但是在前后端分离的开发模式中，前端一般是使用vue框架进行搭建的，而vue需要发送ajax请求，则需要借助axios

axios前后台交互

安装

在前端项目目录下的终端，也就是vue的项目终端下执行

cnpm install axios

配置：main.js

在main.js文件中，书写以下两行代码

import axios from 'axios' // 导入安装的axios

// 相当于把axios对象放到了Vue对象中，以后使用直接：vue对象.$axios发送请求
Vue.prototype.$axios = axios;

vue中使用（向后端发送请求）

#4 使用（某个函数中）
      this.$axios.get('http://127.0.0.1:8000/home/home/'). 向某个地址发送get请求
      then(function (response) {  如果请求成功，返回的数据再response中
        console.log(response.data) // response.data里是真正后端返回的数据
      }).catch(function (error) {
        console.log(error)
      })
        
#5 es6的箭头函数
function (response) { console.log(response)}
response=>{ console.log(response)}