axios query传数组参数的格式-Toy模板网

这篇具有很好参考价值的文章主要介绍了axios query传数组参数的格式。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

使用 paramsSerializer 将数组转换为逗号分隔的字符串：

import axios from 'axios';

import qs from 'qs';

const arrayParams = ['param1', 'param2', 'param3'];

axios.get('https://api.example.com/endpoint', {

params: { array: arrayParams },

paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'comma' }),

})

.then((response) => console.log(response))

.catch((error) => console.error(error));

这将发送一个类似于以下的请求： https://api.example.com/endpoint?array=param1,param2,param3

使用 indices 格式（默认行为）：

axios.get('https://api.example.com/endpoint', {

params: { array: arrayParams },

})

.then((response) => console.log(response))

.catch((error) => console.error(error));

这将发送一个类似于以下的请求： https://api.example.com/endpoint?array[0]=param1&array[1]=param2&array[2]=param3

使用 brackets 格式：

axios.get('https://api.example.com/endpoint', {

params: { array: arrayParams },

paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'brackets' }),

})

.then((response) => console.log(response))

.catch((error) => console.error(error));

这将发送一个类似于以下的请求： https://api.example.com/endpoint?array[]=param1&array[]=param2&array[]=param3

使用 repeat 格式：
```
axios.get('https://api.example.com/endpoint', {

params: { array: arrayParams },

paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'repeat' }),

})

.then((response) => console.log(response))

.catch((error) => console.error(error));
```
这将发送一个类似于以下的请求： https://api.example.com/endpoint?array=param1&array=param2&array=param3

注意，使用 paramsSerializer 需要安装并导入 qs 库。你可以使用以下命令安装它：
```
npm install qs
```
或文章来源地址https://www.toymoban.com/news/detail-808982.html
```
yarn add qs
```