阅读量:0
要使用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
等参数。