axios：params

在使用 axios 发起请求时，可以通过 params 参数来传递 GET 请求的查询参数。params 参数是一个包含查询参数的对象，它会被自动转换为查询字符串拼接在请求的 URL 后面。下面是一个使用 axios 发起 GET 请求并传递查询参数的示例：

axios.get('/api/users', {
  params: {
    page: 1,
    pageSize: 10
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上述示例中，我们通过 params 参数传递了两个查询参数 `page` 和 `pageSize`，它们的值分别为 `1` 和 `10`。axios 将会自动将这两个参数转换为查询字符串，拼接在请求的 URL 后面，最终发送给服务器。

相关问题

axios+params

axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。它可以在浏览器和Node.js中使用。params是axios中用于传递URL参数的一种方式。

下面是一个使用axios发送GET请求并传递params参数的示例：

axios.get('/xxxxx', {
  params: {
    param1: 'value1',
    param2: 'value2'
  }
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

上述代码中，我们通过在请求配置对象中的params属性中传递参数。这些参数将会被自动拼接到URL的查询字符串中，例如：`/xxxxx?param1=value1&param2=value2`。

类似地，我们也可以使用axios发送POST请求并传递params参数：

axios.post('/xxxxx', null, {
  params: {
    param1: 'value1',
    param2: 'value2'
  }
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

上述代码中，我们通过在请求配置对象中的params属性中传递参数。这些参数将会被自动拼接到URL的查询字符串中。

需要注意的是，使用params传递参数时，参数会被添加到URL中，而不是放在请求体中。如果需要将参数放在请求体中，可以使用data属性。

axios的params

axios的params是用来传递参数的，可以将参数以键值对的形式添加到请求的URL后面。params参数会被转换为query的形式拼接到请求的URL后，具体效果和query传参的效果是一样的。

在某些情况下，前端可能需要统一接收分页参数的工具类使用getParameter的方式进行接收分页数据。因此，可以使用axios的params来传递分页的数据。这样可以方便地将分页数据添加到URL后面，通过GET请求发送给服务器。

需要注意的是，params应该只包含分页数据，而不是其他非分页相关的参数。通过这种方式，可以更好地规范和管理请求中的参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [在axios中使用params传参的时候传入数组的方法](https://download.csdn.net/download/weixin_38621870/12951808)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [关于axios的params和data传递参数问题](https://blog.csdn.net/weixin_56817537/article/details/127028909)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Axios发送请求时params和data的区别](https://blog.csdn.net/m0_58680865/article/details/121969733)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]