uniapp里的mounted_uni-app数据请求封装

uni-app数据请求封装

1.开发环境 uni-app

2.电脑系统 windows10专业版

3.在使用uni-app开发的过程中,我们会使用到数据请求,下面我来分享一下,uni-app数据请求封装,希望对你有所帮助!

4.和pages同级新增一个目录,名字自己定义,在这里我的名字是 chenhttp在这个文件下面新建一个 chenhttp.js,代码如下:

const BASE_URL='http://192.168.137.78:3000'; //后台接口地址

export const myRequest=(options)=>{

return new Promise((resolve,reject)=>{

uni.request({

url:BASE_URL+options.url,

method:options.method || 'GET', //配置请求方法,默认为 get请求

data:options.data || {},

success:(res)=>{

if(res.data.statusCode ==0){

return uni.showToast({

title:'获取数据失败'

})

}

resolve(res)

},

fail:(err)=>{

uni.showToast({

title:'请求接口失败'

})

reject(err)

}</