小程序如何封装API ，如何封装request请求？

1.与pages同级创建一个request文件夹
2.里边建request.js

const URL = "此处为接口的公共地址"
const api = (params) => {
	return new Promise((resolve, reject) => {
		wx.showLoading({
			title: "加载中"
		})
		wx.request({
			url: URL + params.url,
			method: params.method || "GET",
			data: params.data || "",
			success: (res) => {
				wx.hideLoading()
				resolve(res.data)
			},
			fail: (err) => {
				wx.hideLoading()
			},
			complete: () => {
				wx.hideLoading()
			}
		})
	})
}
export default api

3.与request.js同级创建一级页面文件夹
4.在一级页面文件夹里创建 ‘一级页面.js’

//进行二次封装
import api from "../request.js"
export const getBanner = async ()=>{
	let data = await api({
		url:'此处为接口详细地址'
	})
	return data 
}

5.在需要使用的页面里引用

//引用方法
import { getBanner } from '../../request/home/home.js'
	export default {
		onLoad: () => {
			getBanner().then((res)=>{
				console.log(res)
			})
		}
	}