Vue利用axios请求前携带令牌

本文主要是介绍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中获取tokenconst 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文件中引入请求拦截器 即可

这篇关于Vue利用axios请求前携带令牌的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---