✨uniapp封装request方法及调用

来源:

在uni-app开发中,合理封装`request`方法是提升代码复用性和可维护性的关键步骤之一。💪首先,创建一个独立的工具文件(如`request.js`),用于定义统一的网络请求逻辑。通过封装,可以统一管理请求头、错误处理以及接口前缀等细节,让代码更加简洁优雅。

例如,在封装时,我们可以设置默认的超时时间、添加token验证逻辑、并统一处理成功与失败的回调。🌟代码示例:

```javascript

export function request(url, data = {}, method = 'GET') {

return new Promise((resolve, reject) => {

uni.request({

url: `https://api.example.com${url}`,

data,

method,

header: { Authorization: 'Bearer xxxxxxx' },

timeout: 5000,

success(res) {

resolve(res.data);

},

fail(err) {

reject(err);

}

});

});

}

```

之后,在页面或组件中调用该方法时,只需传入具体参数即可,无需重复书写冗长的请求代码。🎉比如:

`request('/user/info').then(data => console.log(data));`

通过这种方式,不仅提高了开发效率,还降低了后期维护成本。🌟快来试试吧!

标签:

免责声明:本文由用户上传,如有侵权请联系删除!