响应拦截器
响应拦截器importaxiosfrom'axios'import{Message}from'element-ui'constservice=axios.create({baseURL:process.env.VUE_APP_BASE_API,timeout:5000})service.interceptors.request.use()//响应拦截器的use()方法相当于.then的使用,内部参
响应拦截器
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
更多推荐
所有评论(0)