vite 封装axois为request 拦截返回400错误
时间: 2024-02-26 08:59:14 浏览: 122
当我们使用 Vite 封装 Axios 时,可以在 response 拦截器中拦截返回的状态码。以下是一个示例:
```javascript
import axios from 'axios'
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API,
timeout: 5000
})
service.interceptors.request.use(
config => {
// 在请求发送之前做些什么
return config
},
error => {
// 处理请求错误
console.log(error)
return Promise.reject(error)
}
)
service.interceptors.response.use(
response => {
// 在响应数据之前做些什么
return response.data
},
error => {
// 处理响应错误
console.log(error)
const status = error.response.status
if (status === 400) {
// 处理 400 错误
console.log('请求参数错误')
} else {
console.log('其他错误')
}
return Promise.reject(error)
}
)
export default service
```
在这个示例中,我们在响应拦截器中判断了错误的状态码,如果是 400,则输出“请求参数错误”。你可以根据自己的需求来处理其他状态码的错误。
希望这个回答能够帮助你!如果你有其他问题,可以继续问我。
阅读全文