axios query传数组参数的格式

在 Axios 中，当你需要转达数组参数时，可以使用以下几种方式举行格式化：

• 使用 paramsSerializer 将数组转换为逗号分隔的字符串：
  1. import axios from 'axios';
  3. import qs from 'qs';
  5. const arrayParams = ['param1', 'param2', 'param3'];
  7. axios.get('https://api.example.com/endpoint', {
  9. params: { array: arrayParams },
  11. paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'comma' }),
  13. })
  15. .then((response) => console.log(response))
  17. .catch((error) => console.error(error));

  复制代码
  这将发送一个雷同于以下的请求： https://api.example.com/endpoint?array=param1,param2,param3 
  
• 使用 indices 格式（默认行为）：
  1. axios.get('https://api.example.com/endpoint', {
  3. params: { array: arrayParams },
  5. })
  7. .then((response) => console.log(response))
  9. .catch((error) => console.error(error));

  复制代码
  这将发送一个雷同于以下的请求： https://api.example.com/endpoint?array[0]=param1&array[1]=param2&array[2]=param3 
  
• 使用 brackets 格式：
  1. axios.get('https://api.example.com/endpoint', {
  3. params: { array: arrayParams },
  5. paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'brackets' }),
  7. })
  9. .then((response) => console.log(response))
  11. .catch((error) => console.error(error));

  复制代码
  这将发送一个雷同于以下的请求： https://api.example.com/endpoint?array[]=param1&array[]=param2&array[]=param3 
  
• 使用 repeat 格式：
  1. axios.get('https://api.example.com/endpoint', {
  3. params: { array: arrayParams },
  5. paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'repeat' }),
  7. })
  9. .then((response) => console.log(response))
  11. .catch((error) => console.error(error));

  复制代码
  这将发送一个雷同于以下的请求： https://api.example.com/endpoint?array=param1&array=param2&array=param3 
  注意，使用 paramsSerializer 需要安装并导入 qs 库。你可以使用以下命令安装它：
  
  1. npm install qs

  复制代码
  或
  
  1. yarn add qs

  复制代码
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。