移动端项目如何在响应拦截器加提示信息
时间: 2024-03-01 20:52:24 浏览: 23
你可以在移动端项目中的响应拦截器中加入提示信息。具体做法是在拦截器中判断响应的状态码,若为错误状态码,则通过弹窗、Toast等方式向用户展示错误信息。以下是一个简单的示例代码:
```javascript
import axios from 'axios'
import { Toast } from 'vant'
// 创建axios实例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000 // 请求超时时间
})
// 响应拦截器
service.interceptors.response.use(
response => {
const res = response.data
if (res.code !== 200) {
Toast.fail(res.message)
return Promise.reject(res.message)
} else {
return res
}
},
error => {
console.log('err' + error)
Toast.fail('网络错误')
return Promise.reject(error)
}
)
export default service
```
在上面的代码中,我们使用了Vant组件库中的Toast组件来展示错误信息。在拦截器中,如果响应状态码不为200,则会弹出错误信息提示框。同时,也可以在控制台打印错误信息,以便于开发调试。