vue unified exception handling

import Vue from 'vue'
import axios from 'axios'
import router from '@/router'
import qs from 'qs'
import merge from 'lodash/merge'
import { clearLoginInfo } from '@/utils'
import { Message } from 'element-ui'


const http = axios.create({
  timeout: 1000 * 30,
  withCredentials: true,
  headers: {
    'Content-Type': 'application/json; charset=utf-8'
  }
})


/**
 * 请求拦截
 */
http.interceptors.request.use(config => {
  config.headers['token'] = Vue.cookie.get('token') // 请求头带上token
  return config
}, error => {
  return Promise.reject(error)
})

/**
 * 响应拦截
 */
http.interceptors.response.use(response => {
  //============== 所有请求完成后都要执行的操作 ==================
  // 根据返回的code值来做不同的提示信息处理(和后端约定)
  const msgData = response.data
  debugger
  if (msgData) {
    const msg = msgData.msg
    switch (msgData.code) {
      // 401, token失效
      case 401:
        if (msg) {
          Message.warning(msg)
        }
        clearLoginInfo()
        router.push({name: 'login'})
        break
      //用于警告的提示
      case 110:
        if (msg) {
          Message.warning(msg)
        }
        break
      //操作成功后的提示
      case 0:
        if (msg) {
          Message.success(msg)
        }
        break
      // 其他错误,直接抛出错误提示
      default:
        if (msg) {
          Message.error(msg)
        }
    }
  }
  return response
}, error => {
  return Promise.reject(error)
})


/**
 * 请求地址处理
 * @param {*} actionName action方法名称
 */
http.adornUrl = (actionName) => {
  // 非生产环境 && 开启代理, 接口前缀统一使用[/proxyApi/]前缀做代理拦截!
  return (process.env.NODE_ENV !== 'production' && process.env.OPEN_PROXY ? '/proxyApi/' : window.SITE_CONFIG.baseUrl) + actionName
}

/**
 * get请求参数处理
 * @param {*} params 参数对象
 * @param {*} openDefultParams 是否开启默认参数?
 */
http.adornParams = (params = {}, openDefultParams = true) => {
  var defaults = {
    't': new Date().getTime()
  }
  return openDefultParams ? merge(defaults, params) : params
}

/**
 * post请求数据处理
 * @param {*} data 数据对象
 * @param {*} openDefultdata 是否开启默认数据?
 * @param {*} contentType 数据格式
 *  json: 'application/json; charset=utf-8'
 *  form: 'application/x-www-form-urlencoded; charset=utf-8'
 */
http.adornData = (data = {}, openDefultdata = true, contentType = 'json') => {
  var defaults = {
    't': new Date().getTime()
  }
  data = openDefultdata ? merge(defaults, data) : data
  return contentType === 'json' ? JSON.stringify(data) : qs.stringify(data)
}

export default http

Guess you like

Origin blog.csdn.net/ole_triangle_java/article/details/108418329