uniapp 调用接口代码

以下是一个示例代码，展示如何在uniapp中调用接口：

// 在页面中引入uni.request模块
import uniRequest from '@/utils/request.js'

// 在需要调用接口的方法中使用uniRequest模块发送请求
export default {
  data() {
    return {
      dataList: []
    }
  },
  methods: {
    fetchData() {
      uniRequest({
        url: 'http://example.com/api/data',
        method: 'GET'
      }).then(res => {
        this.dataList = res.data
      }).catch(err => {
        console.error(err)
      })
    }
  }
}

其中，uniRequest是一个封装了uni.request的自定义模块，可以在utils/request.js文件中定义：

// utils/request.js
const uniRequest = (options) => {
  return new Promise((resolve, reject) => {
    uni.request({
      ...options,
      success: (res) => {
        if (res.statusCode === 200) {
          resolve(res)
        } else {
          reject(new Error(`请求失败，状态码：${res.statusCode}`))
        }
      },
      fail: (err) => {
        reject(err)
      }
    })
  })
}

export default uniRequest

通过使用自定义模块可以方便地封装uni.request的调用，从而使代码更加简洁、易于维护。