加粗樣式
小程序中封裝api接口流程圖

二.域名配置
一定要配置https,小程序上配置的域名必須是域名備案的
三、打開微信開發(fā)者工具，打開你的項(xiàng)目，點(diǎn)開詳情。確認(rèn)一下域名是否一一匹對。不然會編譯失敗的哦

四，在你的項(xiàng)目中創(chuàng)建一個(gè)文件夾http，在里面在創(chuàng)建一個(gè)env.js，api.js和request.js（可以自己定義）
1.在env.js里邊寫
//設(shè)置公共訪問url，即環(huán)境地址
//commonJS寫法–node采用就是該規(guī)范 引入require
module.exports={
//開發(fā)環(huán)境
dev:{
baseUrl:“http://localhost:3000”
},
//測試環(huán)境
test:{
baseUrl:“http://www.text.com”
},
//線上url
prod:{
baseUrl:“https://api.it120.cc”
}
}
五. 在request.js里，二次封裝wx.request
先要引入env中的url
const {baseUrl}=require(’./env.js’).prod
寫它的專用域名，二次封裝wx.request，拼接它需要拼接的參數(shù)
// 專用域名
const subDomain=‘lyr’;
module.exports={
// 二次封裝wx.request
// {String }url:請求的接口地址
// {String} method:請求方式 GET,POST…
// {Object} data:要傳遞的參數(shù)
// { boolean }isSubDomain:表示是否添加二級子域名 true代表添加,false代表不添加

//二次封裝wx.request
request:(url,method,data,isSubDomain)=>{
return new Promise((resolve,reject)=>{
console.log(‘這是我封裝的ajax請求’,baseUrl);
// https://api.it120.cc/rmyy/shop/goods/list
// 拼接
let _url=${baseUrl}/${isSubDomain?subDomain:''}${url};
// console.log(_url)
wx.request({
url:_url,
data:data,
method:method,
header:{
‘content-type’:’ application/x-www-form-urlencoded’
},
success:res=>{
// console.log(‘獲取數(shù)據(jù)’,res)
// let {code}=res.data;
resolve(res.data)
}
})
})
}
}
六，在api.js寫它的數(shù)據(jù)請求
** 引入封裝request請求**
const {request}=require(’./request.js’);
// 基于業(yè)務(wù)封裝的數(shù)據(jù)請求
module.exports={
例如: 封裝商品列表
getList:()=>{
// console.log(“獲取商品列表方法”)
return request("/shop/goods/list",“POST”,{},true);
},
}
七.在index.js調(diào)用
const {getList}=require(’…/…/http/api.js’);
//引用我們要調(diào)用的方法
/*** 生命周期函數(shù)–監(jiān)聽頁面加載*/
rel="stylesheet">