二次封装axios

首先确保下载axios

npm i axios

一个简单的axios二次封装 

//引入axios
import axios from 'axios'

//创建一个axios实例
const service = axios.create({
  baseURL: '127.0.0.1'，//基本路径地址
  timeout: 5000 // 响应超时时间
})

//请求拦截器
service.interceptors.request.use(
  config => {
    //在发送请求前做一些事情 
    const token = window.localStorage.getItem('token') 
    if (token) {
      config.headers['token'] = token //在每次发送请求的请求头上携带token
    }
    return config //一定要返回config对象
  },
  error => {
    return Promise.reject(error) //抛出异常
  }
)

//响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    if (res.code !== 200) {
        console.log(err)
    } 
  },
  error => {
    return Promise.reject(error) //抛出异常
  }
)
//暴露axios实例对象
export default service