Axios GET 方法介绍

Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 node.js 的 HTTP 请求。它提供了一种简单易用的方式来执行 AJAX 请求及 RESTful API 调用。

Axios 中提供了多个用于发送 HTTP 请求的方法，其中最常用的方法是 GET 方法。通过 GET 方法，我们可以向服务端发起 GET 请求，获取资源或数据。

使用方法

Axios 的 GET 方法可以通过以下方式使用：

axios.get(url[, config])
  .then(function (response) {
    // handle success
    console.log(response);
  })
  .catch(function (error) {
    // handle error
    console.log(error);
  })
  .then(function () {
    // always executed
  });

url 表示请求的 URL 地址，可以是一个字符串或者是一个配置对象。config 表示配置参数，可以设置请求的 headers、query 参数、超时时长等信息。

Axios 的 GET 方法返回一个 Promise 对象，我们可以通过 .then 方法获取到请求成功后得到的响应，也可以使用 .catch 方法获取请求失败时的错误信息。

参数

Axios 的 GET 方法可以接受的参数如下：

• url：必填，请求的 URL 地址。

• config：选填，请求的配置参数，具体参数及说明如下：

  • params：发送请求时的 URL 参数，会被拼接在 URL 后面，组成完整的请求 URL。
  • headers：发送请求时的 HTTP 请求头。
  • timeout：设置请求超时时间，单位为毫秒。如果请求在指定的时间内没有完成，则会发出超时错误。
  • responseType：设置响应的数据类型，默认为 json 格式。
  • withCredentials：设置是否允许跨域请求时发送 cookies。
  • auth：设置 HTTP 基本身份验证信息，包括用户名和密码。
  • onDownloadProgress：设置下载进度回调函数。

示例

下面是一个使用 Axios GET 方法获取 Github API 中前 5 个 React 项目数据的示例：

axios.get('https://api.github.com/search/repositories', {
  params: {
    q: 'react',
    sort: 'stars',
    order: 'desc',
    per_page: 5,
  }
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

在这个示例中，我们首先设置了请求的 API 地址为 https://api.github.com/search/repositories，然后通过配置参数 params 设置了请求参数，包括查询关键字、排序方式、每页显示数量等。在成功获取响应数据后，我们只打印了其中的数据部分。

总结

Axios GET 方法是一个用于发送 HTTP GET 请求的常用方法，它提供了丰富的配置参数以及 Promise 风格的 API，可以让我们更加便捷地完成服务端数据获取和处理。同时，我们也可以通过使用 Axios GET 方法来获取各种数据 API，并使用数据展示库来对数据进行可视化和展示。