uniapp封装request请求失败跳转页面
时间: 2024-09-11 13:07:47 浏览: 69
UniApp 中封装请求通常会使用框架提供的 `request` 或者自定义的方法,当请求失败时,可以通过设置错误处理回调函数来控制程序流程并跳转到指定的错误页面。以下是一个简单的例子:
```javascript
// 定义一个封装的请求函数
const httpRequest = async (url, options) => {
try {
const response = await wx.request(url, options);
if (!response.data || response.status !== 200) {
// 请求失败,可以根据返回状态码或者其他条件判断
throw new Error('请求失败');
}
return response.data;
} catch (error) {
// 跳转到错误页面
uni.navigateTo({
url: 'errorPage.vue', // 如果是在Vue项目中,这里是你的错误页面路径
animated: true,
});
throw error; // 这里可以保留原错误信息供进一步处理
}
};
// 使用示例
let data;
try {
data = await httpRequest('your-api-url', { method: 'GET' });
} catch (e) {
console.error(e); // 输出错误日志
}
```
在这个示例中,如果请求返回的状态码不是200或者数据解析有问题,就会抛出异常,并通过`uni.navigateTo`跳转到名为`errorPage.vue`的页面。
阅读全文