uniappでバックエンドAPIからデータをリクエストする方法は何ですか？

uni.requestメソッドを使用して、バックエンドのAPIデータを取得できます。

最初に、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メソッドを使用してバックエンドのAPIデータをリクエストすることができます。例えば、あるコンポーネントのmethods内でuniRequestメソッドを使用してデータを取得します。

methods: {
  getData() {
    this.$uniRequest('/api/data').then(res => {
      console.log(res)
    }).catch(err => {
      console.log(err)
    })
  }
}

uniappでバックエンドのAPIデータをリクエストすることができます。バックエンドのAPIの要求に従って、uniRequestメソッドでリクエストのURL、メソッド、データなどのパラメータを設定することができます。