vueリクエストヘッダ携帯token

2528 ワード

vueリクエストブロック、リクエストヘッダにtokenを携帯
正常にログインするユーザにはバックエンド応答のtoken値があり、ユーザが要求を開始するたびに要求ヘッダにこのtoken値を携帯する.
main.js
/*  axios*/
import Axios from "axios";

Vue.prototype.axios = Axios;

//        ,      token
Axios.interceptors.request.use(
  config => {
     
    if (localStorage.getItem("token")) {
     
      config.headers.Authorization = "JWT " + localStorage.getItem("token");
    }
    return config;
  },
  error => {
     
    return Promise.reject(error);
  }
);