微信小程序使用promise封装接口

最新推荐文章于 2024-04-15 13:31:45 发布

原创最新推荐文章于 2024-04-15 13:31:45 发布 · 720 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在微信小程序中使用Promise封装接口，通过在独立的js文件中编写封装代码，然后在各页面引用，实现接口地址的统一管理。当需要更换域名时，只需更改封装文件中的接口地址即可，提高了代码的维护性和效率。

1、首先创建一个放封装接口的js文件
在这里插入图片描述
2、在index.js中写promise封装，具体实例代码下图 (仔细看应该都能看懂哈~)


export const request=(params)=>{
    //定义公共url
    const baseUrl = "https://api-hmugo-web.itheima.net/api/public/v1/"
    //返回promise对象
    return new Promise((resolve,reject)=>{
        wx.request({
            ...params,
            url: baseUrl + params.url, //服务器url + 参数中携带的接口具体地址
            success: (res) => {
                resolve(res)  //成功后返回
            },
            fail: (err) => {
                reject(err)  //失败后返回
            },
            complete: () => {
                
            }
        })
    })
}

3、在需要请求接口页面的js中引入封装接口的index.js文件
在这里插入图片描述
接着请求数据

这样每当换域名时就无需在每个页面修改接口地址，直接修改封装里接口地址就可