uni.request 如何把得到的data做为函数的返回值

不拉屎的派大星

已于 2023-05-28 19:52:02 修改

阅读量1k

点赞数

文章标签：前端 javascript json uni-app Powered by 金山文档

于 2023-03-16 21:56:19 首次发布

本文链接：https://blog.csdn.net/qq_56699365/article/details/129600945

版权

如下：

const BASE_URL = 'http://10.101.12.115:3000/' //域名或选取所有接口不变的那一部分 10.101.12.115 192.168.43.87
export const getmsg = (options) => { //暴露一个function：getmsg，使用options接收页面传过来的参数
    return new Promise((resolve, reject) => { //异步封装接口，使用Promise处理异步请求
        uni.request({ //发送请求
            url: BASE_URL + options.url, //接收请求的API
            method: options.method || 'GET', //接收请求的方式,如果不传默认为GET
            data: options.data || {}, //接收请求的data,不传默认为空，data的形式为{"id":123,"name":"小谢"}
            success: (res) => { //数据获取成功
                if (res.statusCode !== 200) { //因为200是返回成功的状态码，如果不等于200,则代表获取失败,
                    return uni.$showMsg('数据获取失败！')
                }
                resolve(res) //成功,将数据返回
            },
            fail: (err) => { //失败操作
                uni.$showMsg('请求接口失败！')
                reject(err)
            }
        })
    })
}

//在 main.js中将方法暴露出来
import {getmsg} from '@/api/page_js.js'
Vue.prototype.$getmsg = getmsg


//页面
 //获取数据,msg即为上述方法中success得到的res
                const msg = await this.$getmsg({
                     url: "urlname",
                     method: 'GET',
                 })