Vue的axios过滤器intercepter

写个简单的vue请求过滤器,提供给小白看看,大神略过

import axios from 'axios';

import Vue from 'vue';

//一般我们的接口请求都需要一个token验证,放在request的headers;(多写点)

function getToken(){
    return sessionStorage.getItem('token')//这里的token就是登录之后,给的token
}

const service = axios.create({
  baseUrl:'/apply',//这里是请求接口的基本url
  timeout: 5000//请求超时
})

service.interceptors.request.use(
  config => {
      //这里添加请求的头部headers
      //判断是否有token
      if(getToken()){
          config.headers['token'] = getToken();
          config.headers['ContentType'] = 'application/json;charset=UTF-8';
      }
      return config;
  },
  err=>{
      return Promis.reject(err);
  }
)

service.intercepters.response.use(
  response=>{
    let res = response.data;
    return Promise.resolve(res);
  },
  err=>{
      //这里可以根据一些status code来判断返回的错误信息
      return Promise.reject(err)
  }
)

你可能感兴趣的:(Vue的axios过滤器intercepter)