(Axios拦截器)从后台拿到token后存到headers中方法以及token过期报401的解决方法

whittet.沉梦昂志

于 2020-11-30 10:54:34 发布

阅读量2.1k

点赞数 3

文章标签： js vue

本文链接：https://blog.csdn.net/m0_49774517/article/details/110376449

版权

本文介绍了如何在Vue项目中使用Axios拦截器处理后台获取的token，将其存储到headers中，并详细说明了当token过期导致401错误时的解决方案。

摘要由CSDN通过智能技术生成

我自己根据method是GET还是POST请求分开定义了两个axios

let myPost = axios.create({
   //POST请求
    baseURL: urls.baseUrl,
    method: 'post',
})
let myGet = axios.create({
   //GET请求
    baseURL: urls.baseUrl,
    method: 'get',
})

请求拦截器（请求之前的操作）

myPost.interceptors.request.use(config => {
   
    if (sessionStorage.getItem("token")) {
   //在这里获取到登录成功后存的token，并加到headers中
        config.headers.token = sessionStorage.token
    }
    console.log(config)
    return