react、umi、request设置请求头添加token

最新推荐文章于 2024-08-14 23:27:33 发布

浮生一梦~~盛世颜狗

最新推荐文章于 2024-08-14 23:27:33 发布

阅读量4.9k

点赞数 2

文章标签： http

本文链接：https://blog.csdn.net/xztygsjz/article/details/120664806

版权

该篇博客介绍了如何在JavaScript的axios库中添加请求头，通过检查本地session数据获取token，并将其添加到Authorization字段。内容包括在request拦截器中处理逻辑及验证请求头是否成功添加到浏览器的Network面板中。

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

1.在utils文件夹里的request.js里添加

//添加请求头
request.interceptors.request.use((url,options) => {
    //判断本地session是否有数据，如果有就得到token，并付给请求头
    if(sessionStorage.getItem('data') != null){
    //获取到存在本地session里存的数据
    let c_token = sessionStorage.getItem('data');
    //转换获取到的数据格式，得到里面的token
    let token =JSON.parse(c_token).token
    const headers = {
     Authorization:token
    }
    return {
      url,
      options:{...options,headers}
    }
    }
});

2.在浏览器Network里查看是否添加到了请求头里就可以了