- 小程序api使用不多但是每处都定义不方便后期维护于是我们便集中管理
- 直接在utils文件下新增api.js(定义api接口) https.js(后台请求,域名配置) 目录结构如下
api.js
import { http } from './https';
// 接口定义
function getApi(params) {
http('/getApi', 'get', params)
}
function postApi(params) {
http('/postApi', 'post', params)
}
// 暴露接口
export default {
getApi,
postApi
}
https.js
export function http(url, method, params) {
let token = 'token'
let sign = 'sign'
let data = {
token,
sign
}
if (params.data) {
for (let key in params.data) {
if (params.data[key] == null || params.data[key] == 'null') {
delete params.data[key]
}
}
data = { ...data, ...params.data }
}
wx.request({
url: 'http://127.0.0.1:8000' + url,
method: method == 'post' ? 'post' : 'get',
data,
header: {
'content-type': 'application/json'
},
success(res) {
params.success && params.success(res.data)
},
fail(err) {
params.fail && params.fail(err)
}
})
}
在index.js使用接口
import http from '../../utils/api'
Page({
data: {},
onLoad: function () {
this.getData()
},
getData(){
http.postApi({ // 调用接口,传入参数
data: {
token: 'token123123123'
},
success: res => {
console.log('接口请求成功', res)
},
fail: err => {
console.log(err)
}
})
}
})