axios封装(痛定思痛下的总结)

封装

import axios from 'axios'
import { Message } from 'element-ui'
import { getToken, removeToken } from './token'
import router from '../router/index'

// 创建实例时设置配置的默认值
var instance = axios.create({
  baseURL: process.env.VUE_APP_URL,
  withCredentials: true
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (getToken()) {
    config.headers.token = getToken()
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  // return response
  if (response.data.code === 200) {
    return response.data
  } else if (response.data.code === 206) {
    Message.error(response.data.message)
    router.push('/')
    removeToken()
    return response.data
  } else {
    Message.error(response.data.message)
    // return Promise.reject('error')
    return response.data
  }
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error)
})

export default instance

使用

import instance from '@/utils/request.js'
// 注册验证码
function getPhoneCode (data) {
  return instance({
    url: '/sendsms',
    method: 'post',
    data: data
  })
}
// 注册功能
function register (data) {
  return instance({
    url: '/register',
    method: 'post',
    data: data
  })
}

// export default getPhoneCode
export { getPhoneCode, register }

引用修改：axios文档