vue每次请求加头部(shiro+vue)

Posted weibanggang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue每次请求加头部(shiro+vue)相关的知识,希望对你有一定的参考价值。

 

 前后台分离,全局请求加头部

设置全局请求为ajax请求

_axios.interceptors.request.use(
  function(config) {
  var accessToken = localStorage.getItem(‘accessToken‘);
  if (accessToken && accessToken !== ‘‘) {
      config.headers.common[‘Authorization‘] = accessToken;
  }
    return config;
  },
  function(error) {
    // Do something with request error
    return Promise.reject(error);
  }
);
// 响应拦截器获取 headers,设置(刷新) Token
// Add a response interceptor
_axios.interceptors.response.use(
  function(response) {
    // Do something with response data
        var accessToken = response.headers[‘authorization‘];
        if (accessToken && accessToken !== ‘‘) {
            localStorage.setItem(‘accessToken‘,accessToken);
        }
        return response;
  },
  function(error) {
    // Do something with response error
    return Promise.reject(error);
  }
);

技术图片

 

以上是关于vue每次请求加头部(shiro+vue)的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

vue 怎么改变titleNView头部背景颜色

vue项目axios请求的token为空,无法获取缓存值?

vue中怎么实现公共头部里的值,全局都能拿到且实时变化

vue axios请求加RSA 公钥加密 私钥解密