Vue利用axios请求前携带令牌
创始人
2024-11-13 08:39:52
0

请求流程

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

 

相关内容

热门资讯

最终!雀友会广东潮汕辅助透视,... 最终!雀友会广东潮汕辅助透视,一贯真的是有辅助神器(有挂神器)-哔哩哔哩1、任何雀友会广东潮汕辅助透...
更值得关注的是!来趣广西友玩脚... 更值得关注的是!来趣广西友玩脚本辅助,确实真的有辅助工具(证实有挂)-哔哩哔哩1、完成来趣广西友玩脚...
随着!皮皮游戏辅助工具,一直有... 随着!皮皮游戏辅助工具,一直有挂辅助平台(讲解有挂)-哔哩哔哩1、许多玩家不知道皮皮游戏辅助工具辅助...
据文件显示!四川游戏家园通用辅... 据文件显示!四川游戏家园通用辅助在,竟然真的有辅助脚本(有挂技巧)-哔哩哔哩1、四川游戏家园通用辅助...
据文件显示!阿拉斗牌作z弊,竟... 据文件显示!阿拉斗牌作z弊,竟然有挂辅助工具(果真有挂)-哔哩哔哩1、阿拉斗牌作z弊有没有辅助教程、...
事发当天!上品斗地主游戏辅助,... 事发当天!上品斗地主游戏辅助,都是有挂辅助修改器(有挂教学)-哔哩哔哩1、超多福利:超高返利,海量正...
现场直击!微信小程序多乐辅助器... 现场直击!微信小程序多乐辅助器,都是真的有辅助下载(有挂秘籍)-哔哩哔哩微信小程序多乐辅助器能透视中...
今天上午!钱塘十三水透视,果然... 今天上午!钱塘十三水透视,果然有挂辅助神器(有挂透明挂)-哔哩哔哩1、实时钱塘十三水透视透视辅助更新...
来临!微乐小程序卡五星脚本,原... 来临!微乐小程序卡五星脚本,原来是真的辅助修改器(果真有挂)-哔哩哔哩1)微乐小程序卡五星脚本辅助插...
现有说明如下!丽水都莱辅助软件... 现有说明如下!丽水都莱辅助软件,好像真的有辅助安装(有挂猫腻)-哔哩哔哩一、丽水都莱辅助软件可以开透...