vue-axios请求拦截

axios通过请求拦截可以用作全局请求统一处理

 

import Vue from 'vue'
import axios from 'axios'

let baseURL=''  //通用请求前缀,一般是写在配置文件里面的,这个是通过读取配置文件获取

const service = axios.create({
  baseURL: apiBaseUrl, // api base_url
  timeout: 50000 // 请求超时时间
})



// request interceptor
service.interceptors.request.use(config => {

  const token = Vue.ls.get(ACCESS_TOKEN)
  if (token) {
    config.headers['X-Access-Token'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
  }
  return config
}, (error) => {
  return Promise.reject(error)
})

// response interceptor
service.interceptors.response.use((response) => {
  return response.data
}, err)