要使用uniapp请求后端接口数据，可以使用uni.request方法

lewis 1年前 (2024-03-21) 阅读数 3 #技术

要使用uniapp请求后端接口数据，可以使用uni.request方法。

首先，在uniapp项目中的main.js文件中引入uni.request方法：

import{uniRequest}from'@/utils/request'
Vue.prototype.$uniRequest=uniRequest

然后，在utils文件夹下创建一个request.js文件，定义uni.request方法：

exportconstuniRequest=(url,method='GET',data={})=>{
returnnewPromise((resolve,reject)=>{
uni.request({
url:url,
method:method,
data:data,
header:{
'content-type':'application/json'
//这里可以设置其他header
},
success:res=>{
if(res.statusCode===200){
resolve(res.data)
}else{
reject(res)
}
},
fail:err=>{
reject(err)
}
})
})
}

现在你可以在组件中使用uniRequest方法来请求后端接口数据了。例如，在一个组件的methods中使用uniRequest方法获取数据：

methods:{
getData(){
this.$uniRequest('/api/data').then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})
}
}

这样就可以在uniapp中请求后端接口数据了。根据后端接口的要求，可以在uniRequest方法中设置请求的url、method和data等参数。

版权声明

本文仅代表作者观点，不代表博信信息网立场。

上一篇：tiktok直播服务器加速方式有哪些？下一篇：在uniapp中重新渲染页面可以通过以下几种方式实现：使用this.$forceUpdate()方法来强制组件重新渲染

要使用uniapp请求后端接口数据，可以使用uni.request方法

版权声明

作者文章