uniapp 之封装uni.request 实现响应拦截

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>

结束啦 很简单的 一个封装 希望不要吐槽