封装$myRequest并挂载全局使用

根目录新建util，在util下新建api.js

const BASE_URL = 'http://localhost:8082'
export const myRequest = (options)=>{
	return new Promise((resolve,reject)=>{
		uni.request({
			url:BASE_URL+options.url,
			method: options.method || 'GET',
			data: options.data || {},
			success: (res)=>{
				if(res.data.status !== 0) {
					return uni.showToast({
						title: '获取数据失败'
					})
				}
				resolve(res)
			},
			fail: (err)=>{
				uni.showToast({
					title: '请求接口失败'
				})
				reject(err)
			}
		})
	})
}

main.js全局使用

import {
	myRequest
} from './util/api.js'

Vue.prototype.$myRequest = myRequest

轮播图页面使用样例

// 获取轮播图数据
			async getSwipper() {
				const res = await this.$myRequest({
					url: '/api/getlunbo'
				})
				this.swiper = res.data.message
			}