【Ajax】params 配置查询参数

在 Axios 中，查询参数（query parameters）可以通过 params 属性进行配置，用于在 HTTP 请求的 URL 中添加查询参数。

params 是 Axios 请求配置对象中的一个属性，用于指定查询参数。可以将一个包含键值对的对象传递给 params 属性，其中每个键值对表示一个查询参数的名称和值。

以下是示例代码，展示了如何在 Axios 中使用 params 来配置查询参数：

import axios from 'axios';

// 发起 GET 请求并带有查询参数
axios.get('http://example.com/api/users', {
  params: {
    page: 1,
    limit: 10
  }
})
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

在上述示例中，通过将包含 page 和 limit 参数的对象传递给 params 属性，Axios 会自动将查询参数拼接到请求的 URL 中，形成类似 http://example.com/api/users?page=1&limit=10 的完整 URL。

在其他请求方法中（如 POST、PUT、DELETE 等），也可以使用 params 来配置查询参数，只需将其包含在请求配置对象中即可。

需要注意的是，Axios 会自动处理特殊字符的编码，确保查询参数的安全性和正确性。如果某个查询参数的值为 null 或 undefined，Axios 将忽略该参数。

通过使用 params 配置查询参数，可以方便地将查询参数添加到请求的 URL 中，并且可以根据需要动态地设置查询参数的值。