在utils中创建config.js来存放域名
export default { // api请求前缀
webUrl: 'https://xxxx.com/api/'
}
接着还是在utils中创建request.js来存放api请求
//先引入config中的域名
import config from "./config.js";
//api请求
function https(type, url, data) {
var apiUrl = config.webUrl + url; //域名后面拼接+后台的url
return new Promise((resolve, reject) => {
wx.request({
header: {
"Content-Type": 'application/json;charset=utf-8',
"Authorization": 'Bearer ' + wx.getStorageSync('Authorization')
},
url: apiUrl,
method: type,
data: JSON.stringify(data),
dataType: 'json',
success: (res) => {
resolve(res)
},
fail: (res) => {
reject(res)
},
complete: (res) => {
}
})
})
}
//把方法暴露出去
export default {
https
}
下面就需要在app.js中操作了
//引入request.js
const request = require('./utils/request')
App({
onLaunch: function () {},
https: request.default.https, //把暴露的https引入中
globalData: {
userInfo: null
},
})
请求已经在全局封装成功了、就需要单独页面中使用
// 在index.js中引入app
const app = getApp();
//xxxx 代表url params代表参数 var params={id:'xxx'}
app.https('POST', 'xxxxx', params).then(res => {
console.log(res) //打印结果
})
全局封装就结束了