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文件中引入请求拦截器 即可

 

上一篇：2850. 将石头分散到网格图的最少移动次数

下一篇：今日公布！WEPOKER其实真的是有挂的（透视器）wepoker有挂的（有挂指南）

相关内容

热门资讯

WPK最新黑科技!wpk号一直... WPK最新黑科技!wpk号一直输(WPK ai辅助)切实存在有挂(2022已更新)(哔哩哔哩)1、起...
wepokeai代打!wepo... wepokeai代打!wepoke透明好友局(WePoKe黑科技)都是是有挂(有挂详情)-哔哩哔哩1...
黑科技辅助(WePoKer)w... 黑科技辅助(WePoKer)wepoke辅助插件(透视)外挂透明挂辅助挂(原来真的有挂)-哔哩哔哩；...
WpK最新黑科技!wpk有吗(... WpK最新黑科技!wpk有吗(WPK ai辅助)一直有挂(2023已更新)(哔哩哔哩)是一款可以让一...
wepoke智能ai!wepo... wepoke智能ai!wepoke app系统规律(WePoKe黑科技)果然是真的有挂(真的有挂)-...
黑科技辅助(wEpoke)we... 黑科技辅助(wEpoke)wepoke辅助插件(透视)外挂透明挂辅助挂(原来真的有挂)-哔哩哔哩1、...
wpK最新黑科技!微扑克wpk... wpK最新黑科技!微扑克wpk辅助软件(WPK ai辅助)其实有挂(2025已更新)(哔哩哔哩)1、...
wepoke黑科技!wepok... wepoke黑科技!wepoke的确有挂(WePoKe黑科技)一贯是真的有挂(有挂存在)-哔哩哔哩1...
黑科技辅助(wePOke)we... 黑科技辅助(wePOke)wepoke透明黑科技(透视)外挂透明挂辅助挂(原来真的有挂)-哔哩哔哩1...
wpK最新黑科技!wpk透视辅... wpK最新黑科技!wpk透视辅助器(WPK ai辅助)确实是真的有挂(2026已更新)(哔哩哔哩)1...