uniapp怎么请求后端接口数据

avatar
作者
筋斗云
阅读量: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方法中设置请求的urlmethoddata等参数。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!