uniapp怎么请求后端接口数据?

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