2024年06月12日 建站教程
vue3开发中如何实现axios请求拦截器配置和响应拦截器配置，下面web建站小编给大家简单介绍一下！
import axios from 'axios' //自动加在url前面 axios.defaults.baseURL = 'https://api.lmcjl.com' //超时时间 axios.defaults.timeout = 5000 //跨域凭证 axios.defaults.withCredentials = false //响应和请求 拦截器配置 export default axios
请求拦截器配置
axios.interceptors.request.use(config => {
console.log(config)
return config
}, error => {
Promise.reject(error)
})
响应拦截器配置
axios.interceptors.response.use(res => {
if (typeof res.data !== 'object') {
Message.error('返回数据不是对象！')
return Promise.reject(res)
}
if (res.data.code !== 200 ){
Message.error('返回码不等于200')
}
return res.data
}, error => {
Message.error('网络异常')
Promise.reject(error)
})
本文链接：http://so.lmcjl.com/news/6421/