微信小程序开发API封装

微信小程序开发API封装

昨天写过一篇api接口的封装，有点bug，今天换了一个版本，
需要引入三个文件
先创建一个文件 写入

module.exports={ 
 //开发环境 
  dev:{    baseUrl:'http://127.0.0.1:8080'  }, 
 //生产环境  
 prod:{    baseUrl:'https://api.it120.cc'  },  
 //测试环境  
 test:{    baseUrl:'https://api.1909A.com'  }}

写第二个文件

const { baseUrl } = require('./evn').prod/
/封装ajax

//这里时接口的地址

const vipUrl = 'jh0927'
module.exports = {		

//四个个参数 地址栏  请求方式  参数  

  request: function (url, method = "GET", data = {}, isSubDomain = true)
   {
   //请求的地址
   
    let fullUrl = `${baseUrl}/${isSubDomain ? vipUrl : ''}/${url}`;
	相当于loading
    wx.showLoading({      title: '玩命加载中',    })

    return new Promise((resolve, reject) => {
      wx.request(
      {       
 url: fullUrl,      
   method,       
   data,       
    header: {        
        'Content-type': 'application/x-www-form-urlencoded'    
            },        
       success(res) {       
          
   if (res.statusCode === 200 && res.data.code === 0) {         													   						     		 resolve(res.data.data)
            wx.hideLoading()         

 } else {            
 wx.showToast({             
 
  title: '接口有问题，请检查',          
    })          
    
   reject('接口有问题，请检查')       
 		  }    

 },       

 fail(error) {       
    wx.showToast({          
      title: '数据接口有问题',   
             })         

 reject('数据接口有问题')
        }   
   })

    })

  }


}

第三个文件 

const { request }=require('./request.js');
//项目中用到的各种业务接口的封装
module.exports={

  //商品列表接口
    smf_banner:()=> {
    return request('banner/list','GET','',true)
  },/
  / 商品列表 

 smf_goodsList:()=>{
    return request('shop/goods/list','post','',true)  }, 

 // 拼团列表  smf_goodsListPintuan:()=>{
    return request('shop/goods/list','POST',{ pingtuan:true },true)  },
}

引入以后就时哪里需要接口的话引入这个aip文件 然后取出里面的方法，直接调用就可以打到数据了

写的不咋地 你们看着理解把！！！！