promise封装小程序api请求

前言

api的封装减少代码量,后期更好的维护

第一步

在pages文件同级新建一个文件夹request在里面新建一个request.js文件

	const BASEURL =""//基准路径
const request =(params)=>{
	return new Promise((resolve,reject)=>{
		uni.showLoading({
			title:"加载中"
		})
		uni.request({
			url:BASEURL + params.url,//路径拼接
			method:params.method || "GET",//默认是GET
			data:params.data || "",
			success:res=>{//成功
				uni.hideLoading()
				resolve(res)// 将请求成功后得到的数据返回出去 可以用then方法接受到数据
			}
			
		})
	})
}
	
export default request

第二步

在request文件夹里新建一个api文件夹，在里面新建一个.js文件

import request from "../request.js"
export const queryBaeen=()=>{return request({url:"/api"})}

第三步

<script>

	import {queryBaeen} from "../../request/api/index.js"
	export default {
		data() {
			return {
				DataBaennt: [], //轮播图数据
			}
		},
		created() {
			// 调用轮播图数据
			this.getstr()
		},
		methods: {
			getstr() {
				// 轮播提
				queryBaeen().then((res) => {
					// 获取轮播图数据
					this.DataBaennt = res.data.data || []
				})
			}
		}
	}
</script>