Django 和 vue 的登录验证

1.前端利用vue中的axios进行传值，将获取到的账号密码以form表单的形式发送给后台django。
2.后台django 校验用户信息是否正确，然后用session记录用户的登录状态，下次请求时候用session验证。

前端

1. axios 配置：
主要是在请求前添加django 的csrf 防护功能的验证token

// axios 配置
import axios from 'axios'
import store from './store'
// axios 全局配置
axios.defaults.baseURL = 'http://127.0.0.1:8000/';
axios.defaults.xsrfCookieName = 'csrftoken';
axios.defaults.xsrfHeaderName = 'X-CSRFToken';
axios.defaults.withCredentials = true

// 请求拦截
axios.interceptors.request.use(
  config => {
   
    if (store.getters.token) {
    // 若存在token，则每个Http Header都加上token
      config.headers.Authorization = `token ${
     store.getters.token}`
    }
    console.log('request请求配置', config)
    console.log(`token is ${
     store.getters.token}`)
    return config
  },
  err => {
   
    return Promise.reject(err)
  })
// 响应 拦截
axios.interceptors.response.use(
  response => {
   
    // console.log('成功响应：', response)
    return response
  },
  error => {
   
    if (error.response) {
   
      console.log(error.response)
    }
    return Promise.reject