请求流程
① 发起登录请求,拿到后端返回的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文件中引入请求拦截器 即可