uniapp 之封装uni.request 实现响应拦截
功能介绍: 简易封装uni.request 响应拦截器
封装代码:
let baseUrl = ""
if(process.env.NODE_ENV === 'development'){
baseUrl="开发基地址"
}else{
baseUrl="生产基地址"
}
function request({
url,
method,
data,
params
}) {
return new Promise((resolve, reject) => {
return uni.request({
url: baseUrl + url,
data,
method,
params,
success: (res) => {
//返回数据及处理
if (res.data.code == 200) {
resolve(res.data)
} else if (res.data.code == 403) {
console.log("权限")
}
},
fail: () => {
console.log('request fail', err)
reject(err)
}
})
})
}
//暴露
export {
request
}
api/http.js文件:
import {
request } from "@/until/request.js"
function findList() {
return request({
url: "地址",
method: "GET",
});
}
//暴露
export {
findList}
页面使用:
<script>
import {
findList} from "@/api/http.js"
export default {
data() {
return {
resList:[]
}
},
methods: {
async findListvue() {
let res = await findList()
this.resList=res.details.list
}
},
onLoad() {
this.findListvue()
},
};
</script>
结束啦 很简单的 一个封装 希望不要吐槽