uniapp如何实现请求拦截和响应拦截步骤
时间: 2023-08-08 14:09:45 浏览: 115
Uniapp 实现请求拦截和响应拦截的步骤如下:
1. 在 `main.js` 中注册拦截器:
```js
// 注册请求拦截器
uni.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 注册响应拦截器
uni.interceptors.response.use(function (response) {
// 对响应数据做点什么
return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});
```
2. 在拦截器中进行业务操作,例如添加请求头、处理响应数据等。
3. 在请求时使用 `uni.request` 方法发送请求,拦截器会自动拦截请求并进行业务操作。
例如,在请求时需要添加 token,可以在拦截器中添加请求头:
```js
// 注册请求拦截器
uni.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
const token = uni.getStorageSync('token');
if (token) {
config.header['Authorization'] = `Bearer ${token}`;
}
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
```
这样,在发送请求时,就会自动带上 token。
阅读全文