Uni-app中网络api封装

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

zj66jie

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

阅读量294

点赞数

分类专栏： Uni-app 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_46019581/article/details/108888822

版权

Uni-app 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

api内容

const BASE_URL = 'http://123.66.66.66'

/* 第一种*/
export const MyRequest = (options) => {

	return new Promise((resolve, reject) => {
		uni.request({
			url: BASE_URL + options.url,
			method: options.method || 'GET', //获取方法默认get
			data: options.data || {}, //默认数据空
			success: (res) => {
				// return uni.showToast({
				// 	title: '获取数据失败'
				// })
				resolve(res)
			},
			fail: (err) => {
				uni.showToast({
					title: '获取数据失败'
				})
				reject(err)
			}
		})

	})

}

/*第二种*/
// export function MyRequest(options) {

// 	return new Promise((resolve, reject) => {
// 		uni.request({
// 			url: BASE_URL + options.url,
// 			method: options.method || 'GET',
// 			data: options.data || {},
// 			success: (res) => {
// 				// return uni.showToast({
// 				// 	title: '获取数据失败'
// 				// })
// 				resolve(res)
// 			},
// 			fail: (err) => {
// 				uni.showToast({
// 					title: '获取数据失败'
// 				})
// 				reject(err)
// 			}
// 		})

// 	})

// }

使用

1.获取 import导入，在onLoad()，created()等中使用

import {MyRequest} from '../../util/api.js'
onLoad() {

			MyRequest({
					url: '/home/data' //传入url,在baseURL后面的值
				})
				.then(res => {
					this.banners = res.data.data.banner.list;
					console.log(res);

				})
				.catch(cat => {
					console.log(cat);
				})
			this.getDate();
		},

2.在main.js中全局注册

import {MyRequest} from './util/api.js'
Vue.prototype.$MyRequest=MyRequest

//使用
/**需要前面加this**/
onLoad() {	
			this.$MyRequest({
					url: '/home/multidata' //传入url,在baseURL后面的值
				})
				.then(res => {
					this.banners = res.data.data.banner.list;
					console.log(res);

				})
				.catch(cat => {
					console.log(cat);
				})
			 this.getDate();
		},