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

Question

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

Answer 1

new Vue({
  http: {
    root: '/root',
    headers: {
      token: 'Basic YXBpOnBhc3N3b3Jk'
    }
  }
})

具体详情，请参考：https://github.com/pagekit/vu...

Answer 2

使用拦截器可以在在请求前对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...