22.uniapp封装$myRequest方法并挂载全局

最新推荐文章于 2024-08-30 16:46:13 发布

MFG_666

最新推荐文章于 2024-08-30 16:46:13 发布

阅读量1.2k

点赞数 3

文章标签： es6 前端接口封装 ajax

本文链接：https://blog.csdn.net/m0_49714202/article/details/115876774

版权

一.首先
api.js 里面写需要封装的接口

const BASEE_URL = 'http://localhost:8082'

// 封装发送请求
export const myRequest = (options) => {			//	options 传过来的是下面的值 
	// 异步请求一般用于Promise
	return new Promise((resolve,reject) => {		
		uni.request({
			// http://localhost:8082/api/getlunbo		一般分为两个部份 http://localhost:8082/	后期换地址方便	在上面封装一下;	另一部分/api/getlunbo在下面后期封装也可以直接调用			
			url:BASEE_URL + options.url,
			methods: option.methods || {},		// 默认是空对象{}
			success(res) {
				// console.log(res);
				if(res.data.status !== 0){		// 意思打印请求数据看到的	res.data.status
					return uni.showToast({
						title:"获取数据失败",
					})
				}
				// 成功会的	调用
				resolve(res)
			},
			fail(err) {
				uni.showToast({
					title:"请求接口失败",
				})
				// 调用失败时候
				reject(err)
			}
		})
	})
}

myRequest({
	url:'/api/getlunbo',
	methods:'POST',
	data:{}
})

二.把api.js 封装好的挂载在 main.js 里面