调用vue里面的接口方法，封装成一个函数返回接口数据

最新推荐文章于 2024-06-28 21:28:51 发布

喝星茶发o_o ....

最新推荐文章于 2024-06-28 21:28:51 发布

阅读量1.3k

点赞数 2

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44479957/article/details/125849631

版权

vue 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在uni-app中通过api.js文件的http模块进行POST请求，获取菜单数据。展示了两种不同的回调函数处理方式：一种是传统的Promise解决回调，另一种是使用async/await语法糖。代码示例详细展示了参数配置和数据解析的过程。

摘要由CSDN通过智能技术生成

api.js文件

const http = uni.$u.http;
// post请求，获取菜单
export const mergedbAll = (params, config = {}) => http.post('/mergedbAll', params, config)

port.js两种方法使用：

import {mergedbAll} from '@/config/api.js';

方法一：

export function port_All1(identifyID) {
	// console.log(identifyID);
	return new Promise((resolve, reject) => {
		const options = {
			"identifyID": identifyID
		}
		mergedbAll(options).then(res => {
			const mergedbAll = res.data.mergedbAll;
			resolve(res.data.mergedbAll);
		})
	});
}

方法二：

// 第一个是你抛出去的方法名，第二个是接口API封装的名字
export const port_All1 = async (identifyID) => {
	const options = {
		"identifyID": identifyID
	}
	const res = await mergedbAll(options);
	return res.data.mergedbAll;
}