要使用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等参数。


