uniapp如何实现请求拦截和响应拦截
时间: 2023-11-27 13:04:56 浏览: 106
uniapp框架搭建,公共样式的创建,request拦截器的封装
5星 · 资源好评率100%
在uniapp中,可以通过使用拦截器(interceptor)来实现请求拦截和响应拦截。
请求拦截器可以在发送请求前对请求进行修改或添加自定义的请求头信息等操作,而响应拦截器可以在接收到响应后对响应进行处理,例如解密数据、验证数据等操作。
下面是一个简单的示例代码:
```javascript
// 全局请求拦截器
uni.request.interceptors.before = (options) => {
// 在发送请求之前做些什么
options.header['Authorization'] = 'Bearer token';
return options;
}
// 全局响应拦截器
uni.request.interceptors.after = (response) => {
// 对响应数据做点什么
if (response.statusCode === 401) {
// 未授权,跳转登录页
uni.navigateTo({
url: '/pages/login/login'
})
}
return response;
}
```
在这个示例中,我们定义了一个全局的请求拦截器和响应拦截器。在请求拦截器中,我们添加了一个自定义的请求头信息;在响应拦截器中,我们对响应进行了状态码的判断,如果是未授权的情况下则跳转到登录页。
除了全局拦截器之外,还可以为单个请求或者某个页面设置局部拦截器,具体请参考uniapp的官方文档。
阅读全文