uniapp怎么发请求到官网

1. 什么是uniapp

uniapp是一种基于vue.js的开发框架，可以用来开发跨平台的应用程序。通过uniapp开发，开发人员可以用一套代码，在多个平台上运行应用程序，这大大简化了开发流程和维护难度。uniapp支持的平台包括但不限于微信小程序、支付宝小程序、头条小程序、H5、安卓和iOS。

2. 发送请求到官网的方法

2.1 使用uniapp官方提供的请求API：uni.request

uni.request是uniapp官方提供的请求API。它支持发送网络请求（GET、POST、PUT、DELETE等），并且可以设置请求头、请求参数、响应类型等。

以下是使用uni.request发起GET请求的示例：

  uni.request({
    url: 'http://www.example.com/api/getUserInfo',
    method: 'GET',
    success: function(res) {
      console.log(res.data)
    },
    fail: function(err) {
      console.log(err)
    }
  })

其中，url代表请求地址，method代表请求方法，success是请求成功后的回调函数，fail是请求失败后的回调函数。

需要注意：uni.request只能发送小程序和APP端的请求，不能发送H5端的请求。

2.2 使用第三方库发送请求

如果uni.request不能满足我们的需求，我们可以使用第三方库来发送请求。uniapp支持安装和使用npm包，我们可以通过npm安装第三方库axios，并在uniapp中使用axios发送请求。

以下是使用axios在uniapp中发送请求的示例：

  // 安装axios：npm install axios --save
  import axios from 'axios'
  
  axios.get('http://www.example.com/api/getUserInfo')
    .then(function(res) {
      console.log(res.data)
    })
    .catch(function(err) {
      console.log(err)
    })

需要注意：在使用npm包之前，需要先安装并配置npm环境。

2.3 使用uni.request封装的请求库：uni-ajax

uni-ajax是基于uni.request封装的请求库。它支持GET、POST、PUT、DELETE等请求方法，可以设置请求头、请求参数、响应类型等。

以下是使用uni-ajax发送GET请求的示例：

  // 安装uni-ajax：npm install uni-ajax --save
  import ajax from 'uni-ajax'
  
  ajax({
    url: 'http://www.example.com/api/getUserInfo',
    method: 'GET',
    success: function(res) {
      console.log(res.data)
    },
    fail: function(err) {
      console.log(err)
    }
  })

需要注意：在使用uni-ajax之前，需要先安装并配置npm环境，并安装uni-ajax。

3. 请求参数的配置

3.1 配置请求头

在发送请求之前，我们可以配置请求头。以下是使用uni.request配置请求头的示例：

uni.request({
  url: 'http://www.example.com/api/getUserInfo',
  method: 'GET',
  header: {
    'content-type': 'application/json',
    'Authorization': 'Bearer ' + token
  },
  success: function(res) {
    console.log(res.data)
  },
  fail: function(err) {
    console.log(err)
  }
})

其中，header代表请求头。以上示例中，我们设置了两个请求头：content-type和Authorization。

3.2 配置请求参数

在发送请求之前，我们还可以配置请求参数。以下是使用uni.request配置请求参数的示例：

uni.request({
  url: 'http://www.example.com/api/getUserInfo',
  method: 'GET',
  data: {
    id: 123,
    name: 'John'
  },
  success: function(res) {
    console.log(res.data)
  },
  fail: function(err) {
    console.log(err)
  }
})

其中，data代表请求参数。以上示例中，我们设置了两个请求参数：id和name。

4. 总结

uniapp提供了多种方式来发送请求到官网，我们可以根据具体需求选择一种合适的方式。如果可以使用uni.request，我们可以使用官方提供的请求API来发送请求；如果需要发送H5端的请求，我们可以使用第三方库发送请求；如果需要发送请求前对请求做一些处理，我们可以使用uni-ajax来发送请求。

在发送请求之前，我们需要配置请求头和请求参数。配置请求头可以告诉服务器我们需要什么样的响应结果，配置请求参数可以让服务器知道我们需要什么样的数据。