javascript - Vue-resource 怎么在header增加一个token呢

问题描述

问 题

每次向后端请求接口时在header增加一个token的信息，这个要怎么用

解决方案

使用拦截器可以在在请求前对Header进行添加

Vue.http.interceptors.push({
  request(request) {
    const jwtToken = JSON.parse(localStorage.getItem('auth.jwt_token'));
    if (jwtToken) {
      Vue.http.headers.common.Authorization = `Bearer ${jwtToken.access_token}`;
    } else {
      delete Vue.http.headers.common.Authorization;
    }
    return request;
  },
  response(response) {
    if (response.status === 400 || response.status === 401) {
      // 当 Token 已经失效时，清空所有保存在 localStorage 的数据
      localStorage.clear();
    }
    return response;
  },
});

具体可以参考下面源码32行
https://github.com/lijy91/daz...

这篇关于javascript - Vue-resource 怎么在header增加一个token呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！