uni-app 封装请求接口

1. 在根目录下创建Utils.js 文件(内容如下)

let apiReq={
	req(obj){
		var method = obj.method || "GET"; // 请求方式,默认为GET
		var url = obj.url || ""; // 请求路径 
		var data = obj.data || {}; // 请求数据
		var header = obj.header || {}; // 请求头
		var success = obj.success; // 成功回调函数
		var fail = obj.fail; //表示失败后,要执行的回调函数
		uni.request({
			url: url,
			data: data,
			method: method,
			header: header,
			success: ((res) => {
				if(res.statusCode === 403 || res.statusCode === 401) {
					// 错误处理
				} else if (res.statusCode === 200) {
					success(res)
				} 
			}),
			fail:((err)=>{
				fail(err)
			})
		})
	}
}
export default apiReq

2. main.js 中引入和挂载

import apiReq from './Utils.js'
Vue.prototype.$apiReq = apiReq

3.组件中使用

let obj2={ // 创建对象
	url: 'www.baidu.com', // 示例请求路径
        method:"PUT",
	success: (res) => {
	   this.data = res.data //请求成功操作
	},
 }
this.$apiReq.req(obj2) // 调用封装好的api

 

你可能感兴趣的:(uni-app,Vue,前端)