响应拦截器 

import axios from 'axios'
import { Message } from 'element-ui'

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

service.interceptors.request.use()

// 响应拦截器的use()方法相当于.then的使用,内部参数一个成功函数,一个失败函数
service.interceptors.response.use(
  res => {
    // 请求成功的情况
    const { data, success, message } = res.data
    if (success) { // 请求成功,业务成功的情况
      return data
    } else { // 请求成功,业务失败的情况(如请求数据错误)//2xx的错误
      Message.error(message)// 提示错误信息
      return Promise.reject(new Error(message))// 此处没有错误对象,故创建error实例,返回执行错误 让当前的执行链跳出成功 直接进入 catch
    }
  }, err => { // 请求失败,如网络、服务器问题导致的请求失败情况//非2xx的错误
    Message.error(err.message)// 提示错误信息
    return Promise.reject(err) // 返回执行错误 让当前的执行链跳出成功 直接进入 catch
  }
)

// 导出axios实例
export default service

Logo

前往低代码交流专区

更多推荐