axios二次封装

uitls/request.js

import axios from 'axios'
import Cookies from 'js-cookie'
import { Notification, MessageBox, Message } from 'element-ui'
import store from '@/store'
import errorCode from '@/utils/errorCode'
import { removeToken } from '@/utils/auth'

const service = axios.create({
  baseURL: '',
  timeout: 1000000 // request timeout
})

service.interceptors.request.use(
  config => {
    if (store.getters.token) {
      config.headers['authorization'] = Cookies.get('Admin-Token')
    }
    return config
  },
  error => {
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  (res) => {
    if (res.status === 200) {
      // 文件下载
      if (res.data.code === undefined) {
        return res
      }
      // 未设置状态码则默认成功状态
      const code = res.data.code || 0
      // 获取错误信息
      const message = errorCode[code] || res.data.message || errorCode['default']
      if (code === -402) {
        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
          confirmButtonText: '重新登录',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(async() => {
          await removeToken()
          await Cookies.remove('userInfo')
          location.reload() // 为了重新实例化vue-router对象 避免bug
          // store.dispatch('user/logout').then(() => {
          //   location.reload() // 为了重新实例化vue-router对象 避免bug
          // })
        })
      } else if (code === 500) {
        Message({
          message: message,
          type: 'error'
        })
        return Promise.reject(new Error(message))
      } else if (code !== 0) {
        Notification.error({
          title: message
        })
        return Promise.reject('error')
      } else {
        return res.data
      }
    }
  },
  (error) => {
    console.log('err' + error)
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }
)

export default service

使用：

import request from '@/utils/request'
import Config from '@/utils/config'
const baseUrl = Config.baseUrl

// 查询用户信息列表
export function getUserList(params) {
  return request({
    url: `${baseUrl}/v1/private/users/pageList`,
    method: 'get',
    params
  })
}