微信小程序的接口封装

最新推荐文章于 2023-02-07 10:23:52 发布

小马的马~

最新推荐文章于 2023-02-07 10:23:52 发布

阅读量153

点赞数

本文链接：https://blog.csdn.net/halouKti/article/details/115531045

版权

本文介绍了如何在微信小程序中进行接口封装，通过新建http文件夹，创建env.js、request.js和api.js文件，实现对不同业务接口的统一管理和调用。在每个页面中简单引入api.js，即可方便地使用封装好的接口。

摘要由CSDN通过智能技术生成

1.新建http文件夹
2.在http文件夹下新建env.js 代码如下：

//存放不同的环境地址
module.exports={
  //线上地址
  prod:{
    baseUrl:'https://api.it120.cc'
  }
}

3.在http文件夹下新建request.js 代码如下：

//wx.request进行二次封装
const {baseUrl}=require('./env').prod

module.exports={

  request:function(url,method="GET",data={},isSubDomain=true){
  
    const myUrl='mr'
    
    if(isSubDomain){
    
      url=`${baseUrl}/${myUrl}/${url}`
      
    }else{
    
      url=`${baseUrl}/${url}`
      
    }
    return new Promise((resolve,reject)=>{
    
      wx.request({
        url,
        method,
        data,
        header:{
          'Content-type':'application/x-www-form-urlencoded '
        },
        success(res){
          console.log(res);
          if(res.data.code===0){
            resolve(res.data.data)
          }
        },
        fail