AI智能
改变未来

uni-app案例学习【1】Promise封装uni.request请求

要求:封装uni.request请求,并挂载到全局

1.创建util/api.js

// 封装get请求const baseUrl = \"http://localhost:8082\"export const myRequest = (options)=>{return new Promise((resolve,reject)=>{uni.request({method: options.method,data: options.data,url: baseUrl+options.url,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 = myReques

3.使用

定义获取轮播图的方法

methods: {async getSwipers () {const res = await this.$myRequest({method: \'GET\',url: \'/api/getlunbo\'})this.swipers = res.data.message}}

在onLoad中调用该方法

this.getSwipers()
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » uni-app案例学习【1】Promise封装uni.request请求