要使用uniapp请求后端接口数据,可以使用uni.request方法。
首先,在uniapp项目中的main.js
文件中引入uni.request方法:
import { uniRequest } from '@/utils/request'
Vue.prototype.$uniRequest = uniRequest
然后,在utils
文件夹下创建一个request.js
文件,定义uni.request方法:
export const uniRequest = (url, method = 'GET', data = {}) => {
return new Promise((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
等参数。