uni-app 简单的请求封装

1、在项目里创建util目录,目录下创建js文件,如:api.js

const BASE_URL = 'http://baidu.com/'  //服务器域名

export const myRequest=(options)=>{
	return new Promise((resolve,reject)=>{
		uni.request({
			url:BASE_URL+options.url,
			method:options.method || 'GET',
			data:options.data || {},
			success:(res)=>{
				if(res.data.status !==0){
					return uni.showToast({
						title:'获取数据失败',
						icon:"none"
					})
				}
				resolve(res)
			},
			fail:(err)=>{
				uni.showToast({
					title:'请求接口失败',
					icon:"none"
				})
				reject(err)
			}
		})
	})
}

2、在项目main.js里面进行全局注册

import {myRequest} from 'util/api.js'

Vue.prototype.$myRequest =myRequest

3、在页面中引用

async getSwipers(){
	const res = await this.$myRequest({
		url:'xxxx'  //接口路径
	})
	var list= res.data  //返回的结果
},
上一篇:小程序接口请求封装


下一篇:uniapp请求封装