当前位置: 首页 > Web前端 > vue.js

uniapppackagepublicrequesttypescript版本

时间:2023-03-31 22:07:19 vue.js

第一步:新建文件夹services第二步:新建文件request.ts//服务器接口地址constbaseURL:string='http://xxxxxx'//本地调试接口地址//constbaseURL:string='http://xxxxxx'//封装公共请求方法functionrequest(url:string,method:"GET"|"POST"|undefined,data:object|any){returnnewPromise(function(resolve,reject){letheader:anyif(uni.getStorageSync('token')!==undefined&&uni.getStorageSync('token')!==""){header={'content-type':'application/json','X-Auth-Token':uni.getStorageSync('token')};}else{header={'content-type':'application/json',};}uni.request({url:baseURL+url,method:方法,data:数据,header:header,success(res:any){console.log(res)uni.hideLoading()if(res.data.code==="200"||res.data.ok){resolve(res.data);}else{//其他异常uni.showToast({title:res.data.msg,icon:'none'})reject(res.data);}},fail(err){uni.hideLoading()//请求失败uni.showToast({title:'Unabletoconnecttoserver',icon:'none'})reject(err)}})})}export{request,baseURL}第3步:创建一个新的兄弟文件api.tsimport{request}from'./request'//logininterfaceconstlogin=(data:object|any)=>request('/corp_auth/admin_login','POST',data)//获取首页商品列表constgetList=(data:object|any)=>request('/goods/get_all_goods_by_collieryid','GET',data)export{login,getList}首页index.vue引入需要的接口如果里面有success等回调函数,则不能使用async和await。你应该使用下面的initList(){  letthat=t他的getList({pageNow:this.pageNow}).then(res=>{that.list=that.list.concat(res.data.payload)})},