uniappRequest 请求封装的⽅法
封装⽅法⼀
1.新建request.js
2.在main.js 中全局注册
3.在页⾯中调⽤
4.效果如下
优缺点
胸怀大志什么意思
优点：⽅便快捷，效率⾼
缺点：请求⽅法没有完全封装，还是散落在页⾯各处，后期维护不⽅便封装⽅法⼆
1.新建请求⽂件
2.在页⾯中导⼊
const baUrl = "localhost:6645"
const request = (url = '', date = {}, type = 'POST', header = {
'content-type': 'application/x-www-form-urlencoded'
}) => {
return new Promi((resolve, reject) => {
method: type,
url: baUrl + url,
data: date,
header: header,
dataType: 'json',
}).then((respon) => {
tTimeout(function() {
uni.hideLoading();
}, 200);
let [error, res] = respon;
resolve(res.data);
}).catch(error => {
let [err, res] = error;
分给
reject(err)
e的意思})
});
}
卧底归来2
export default request
import request from "api/request.js"
阳宗Vue.prototype.$request = request
this.$request('/recruit/getAll', {
// 传参参数名：参数值，如果没有，就不需要传
}).then(res => {
默默付出// 打印调⽤成功回调
console.log(res)
形容建筑物的成语})
const baUrl = "localhost:6645"
// 获取所有招聘信息
export function getAllRecruit() {
quest({
url: baUrl + '/recruit/getAll', //仅为⽰例，并⾮真实接⼝地址。
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded' //⾃定义请求头信息
}
});
}
import {getAllRecruit} from "../../api/recruit_info.js"
3，在created 周期函数中调⽤
以开头的四字成语4.效果图
优缺点
优点：请求⽅法封装在单独的⽂件夹中，页⾯中只需要调⽤，不需要其他的业务代码，便于维护缺点：需要导⼊，导出，代码⽐⽅法⼀多⼀些created() {
// 获取所有招聘信息
getAllRecruit().then(res =>{
console.log(res)
})
}
