axios的封装以及处理请求和响应拦截器

 import axios from 'axios'

// 创建一个新的axiso实例，返回的对象定义为service

const service = axios.create({

  baseURL: '/api', // 基础地址

  timeout: 10000

})

 

import store from '@/store'

// 请求拦截器  成功执行第一个函数，失败执行第二个函数

service.interceptors.request.use((config) => {

  // 成功执行config

  // 注入token 先判断有没有，没有才注入

  if (store.getters.token) {

    config.headers.Authorization = `Bearer ${store.getters.token}`

  }

  return config

}, (error) => {

  // error错误对象

  // 失败执行promise 终止当前Promise执行

  return Promise.reject(error)

})

 

响应拦截器：