Axios拦截器在第一次调用时未从localStorage应用令牌。
创始人
2024-09-28 21:30:07
0

问题可能是因为您的Axios拦截器在第一次调用时没有从localStorage中获取到令牌。您可以按照以下步骤进行解决:

  1. 在您的代码中添加一个axios实例,以便为其添加拦截器。
import axios from 'axios';

const instance = axios.create({
  // 添加您的axios配置
});
  1. 创建一个函数来设置请求头中的令牌,该函数将从localStorage中获取令牌并将其设置为请求头的Authorization字段。
const setAuthToken = () => {
  const token = localStorage.getItem('token');
  if (token) {
    instance.defaults.headers.common['Authorization'] = `Bearer ${token}`;
  } else {
    delete instance.defaults.headers.common['Authorization'];
  }
};
  1. 在创建的axios实例中添加请求拦截器,并在其中调用上述的setAuthToken函数。
instance.interceptors.request.use(
  (config) => {
    setAuthToken();
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);
  1. 在您的应用程序中的适当位置调用setAuthToken函数,以确保在第一次调用axios之前将令牌设置为请求头。
setAuthToken();

通过以上步骤,您的Axios拦截器应该能够在第一次调用时从localStorage中应用令牌。请注意,此示例假设您在localStorage中以token作为键存储了您的令牌,您可以根据自己的需求进行调整。

相关内容

热门资讯

4分钟举措!wepoker辅助... 4分钟举措!wepoker辅助透视(透视)总是存在有辅助工具(哔哩哔哩)wepoker辅助透视辅助器...
第3分钟绝活儿!wepoker... 第3分钟绝活儿!wepoker安装教程(透视)好像是真的有辅助安装(哔哩哔哩)1、很好的工具软件,可...
两分钟指南书!wepoker游... 两分钟指南书!wepoker游戏下载(透视)好像是真的有辅助辅助(哔哩哔哩)1、操作简单,无需wep...
第8分钟诀窍!wpk辅助购买(... 第8分钟诀窍!wpk辅助购买(透视)本来真的是有辅助教程(哔哩哔哩)1)wpk辅助购买辅助插件:进一...
第1分钟指引!德扑之心免费透视... 第1分钟指引!德扑之心免费透视(透视)真是是有辅助透视(哔哩哔哩)1、德扑之心免费透视免费脚本咨询教...
4分钟窍门!hh poker辅... 4分钟窍门!hh poker辅助器先试用(透视)切实是有辅助插件(哔哩哔哩)1、下载好hh poke...
一分钟模板!德普之星辅助器怎么... 一分钟模板!德普之星辅助器怎么用(透视)其实真的是有辅助脚本(哔哩哔哩)1、点击下载安装,德普之星辅...
第8分钟法子!aapoker辅... 第8分钟法子!aapoker辅助器怎么用(透视)好像是真的有辅助辅助(哔哩哔哩)1、aapoker辅...
两分钟绝活!wepoker数据... 两分钟绝活!wepoker数据分析(透视)好像真的是有辅助教程(哔哩哔哩)1、下载好wepoker数...
第3分钟攻略!拱趴游戏破解器(... 第3分钟攻略!拱趴游戏破解器(透视)总是真的有辅助脚本(哔哩哔哩)1、在拱趴游戏破解器插件功能辅助器...