vite 封装axois为request 拦截错误代码
时间: 2024-02-26 14:59:13 浏览: 64
1.(vue3.x+vite)封装组件.rar
好的,我可以帮你回答这个问题。首先,在使用 Vite 封装 Axios 时,我们可以创建一个 request.js 文件来定义 Axios 实例和拦截器。以下是一个简单的示例:
```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)
return Promise.reject(error)
}
)
export default service
```
在这个示例中,我们创建了一个名为 `service` 的 Axios 实例,并定义了两个拦截器:请求拦截器和响应拦截器。请求拦截器用于在发送请求之前做一些处理,例如添加请求头,设置请求超时时间等。响应拦截器则用于在接收到响应数据之前做一些处理,例如解析响应数据,处理错误等。
在拦截器中,我们可以通过 `Promise.reject` 方法来拒绝请求或响应,并将错误信息传递给下一个处理函数。在这个示例中,我们只是简单地打印了错误信息,但你可以根据自己的需求进行处理。
希望这个回答能够帮助你!如果你有其他问题,可以继续问我。
阅读全文