uni-app 封装uni.request

最新推荐文章于 2025-04-17 16:24:34 发布

summer88221

最新推荐文章于 2025-04-17 16:24:34 发布

阅读量204

点赞数

文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/qq_29236119/article/details/114581887

版权

本文介绍了如何在uni-app中封装uni.request，通过创建api.js文件定义请求，并提供了在不同场景下引入和注册的方法，简化了网络请求的调用过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先建立一个文件夹，然后新建一个api.js，js中这样来定义，如下：

//const baseUrl = 'http://XXXX.com'   
const request = (url = '', date = {}, type = 'GET', header = {
}) => {
    return new Promise((resolve, reject) => {
        uni.request({
            method: type,
            url:  url, //可以直接传这个url
            //url: baseUrl + url, //为了方便也可以将前面的域名放到公共变量
            data: date,
            header: header,
            dataType: 'json',         
        }).then((response) => {
            setTimeout(function() {
                uni.hideLoading();
            }, 200);
            let [error, res] = response;        
            resolve(res.data);
        }).catch(error => {
            let [err, res] = error;
            reject(err)
        })
    });
}
export default request

2、可以在单独文件中去引入，也可以直接在main.js中去注册，如下：
在这里插入图片描述
3、注册完成之后，直接这么来使用，如下：

that.$request('http://xxx.com/api/getDrink',params).then(res => {
	//这里进行操作
}).catch(err=>{

})