nui-app里面的请求接口简单的封装

新建一个封装接口的文件

const BASE_URL = 'http://localhost:8082'

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

挂在到Vue原型上

import Vue from 'vue'
import App from './App'
import { myRequest } from './util/api.js'

Vue.prototype.$myRequest = myRequest
Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

要请求接口的页面

methods:{
            async getSwipersList(){
                const res = await this.$myRequest({
                    url:'/api/getBanner'
                })
                console.log(res)
            }
        }