Vue利用axios请求前携带令牌

请求流程

 ① 发起登录请求，拿到后端返回的token，存到 localstorage 中（ 通过 localStorage.setItem('token',存入的令牌）)

② 每一次请求发送之前都进行拦截，给请求 添加token（通过localStorage.getItem('token')  获取token）

配置请求拦截器

import axios from 'axios'; import Vue from 'vue';  // 请求拦截器：在每次请求发送之前执行 axios.interceptors.request.use(     config => {         //	从localstorage中获取token         const token = localStorage.getItem('token');         if (token) {             // 在请求头中添加 token令牌             config.headers.token = token         }         return config;     },     error => {         // 发生错误时的处理逻辑         return Promise.reject(error);     } );  // 将 Axios 挂载到 Vue 原型上 Vue.prototype.$http = axios;

然后在 main.js文件中引入请求拦截器 即可