uniapp怎么请求后端接口数据-开发者知识库平台

uniapp怎么请求后端接口数据

uniapp

1713

2024/2/14 17:42:40

栏目: 编程语言

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

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

uniapp怎么请求后端接口数据

最新知识库

相关标签