当前位置:   article > 正文

Vue中使用axios全局拦截为header加token,以及图片上传加token_使用axios 全局设置header

使用axios 全局设置header

直接在main.js加axios拦截,通过localstorage或sessionstorage获取到的token值加进headers

axios.interceptors.request.use(config => {

    if (window.localStorage.getItem('token')) {

      console.log(config)

      //判断token是否存在

      config.headers.Authorization = window.localStorage.getItem('token');  //将token设置成请求头

    }

    return config;

  });

图片上传的upload请求头还不携带token,后端获取token为null

需要在

<upload :???>加上请求头携带

<upload :headers='headersObj'>

script里面data返回

headersObj:{

      Authorization:window.localStorage.getItem('token')

},

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/715674
推荐阅读
相关标签
  

闽ICP备14008679号