uniapp封装接口方法挂在到全局

1.新建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) //数据请求失败
            }
        })
    })
}

2.挂载到全局 main.js

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

Vue.prototype.$myRequest = myRequest

3.使用

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