主要思路:
實現介面的拼接:分為 『 固定介面 』拼接和『 隨意介面 』拼接
如何實現介面的拼接:分為三次拼接:
1.建立乙個env.js,裡面寫自己前面預設的介面位址,可以定義一些配置其他環境的介面
eg:baseurl:「
2.建立乙個request.js,可以在裡面設定一些自己預設配置的一截
eg:const subname = 『隨意設定的,看需求是啥樣的』
let _url =$/$$
3.建立乙個api介面,在裡面拼接前面的介面,並且新增公司所給的介面地 址,並且在這個檔案裡面可以接受傳遞過來的引數
eg:// 商品列表
getlist:()=>,true)
},主要**如下:
env.js
module.exports=,
//測試環境得url
test:,
// 線上環境url
prod:
}
request.js
const = require("./env").prod
const subname = '隨意配置的'
module.exports=,isdomain)=>/$$`
return new promise((resolve,reject)=>,
success:res=> = res.data
if(code===0||code===700)else) }},
fail:res=>
})})
}}
api.js 配置介面的主要檔案
const = require("./request")
module.exports=,true)
},// 詳情頁
getdetail:(id)=>,true) // 需要傳遞引數的},}
怎麼呼叫?
const = require("../../http/api")
如何使用?
getlist().then((res)=>) // 把獲取到的資料進行更新
})
傳參?
eg: let token=wx.getstoragesync(『token』)
getlist(token).then((res)=>{})
在呼叫方法的時候傳遞引數,在api.js檔案裡面進行接受
微信小程式獲取介面的封裝
1 第一步在pages同層級建立乙個config檔案然後裡面建立乙個config.js檔案 裡面寫入 const config export 匯出2 第二步在utils檔案裡建立乙個request.js檔案然後 引入config檔案 專案的公共介面 import from config config...
uni app微信小程式vue二次封裝日曆元件
注意 重點在28 30 31天 1.初始化一些資料並且對特殊的日期進行處理 2.根據年月日設定當前月有多少天 並更新年月日陣列 這個方法在生命週期onload,created生命週期呼叫一次 其中傳入的值為上面截圖初始化的資料即可,th為this例項 還需要在日曆元件滑動onchange時呼叫一次,...
微信小程式封裝API介面
2.新建資料夾http,api是封裝的介面函式,env是設定公共訪問的url,http是二次封裝wx.request 3.env.js 設定公共訪問的url,即環境變數 module.exports 測試環境 test 線上環境 引入env中的url const require env.js pro...