axios封装请求方式post,请求类型为query,一个接口的入参为数组
时间: 2024-03-28 12:40:37 浏览: 61
axios 封装上传文件的请求方法
好的,针对您的问题,可以封装一个post请求,请求类型为query,接口入参为数组的方法。具体实现如下:
```javascript
import axios from 'axios';
const request = axios.create({
baseURL: 'https://example.com',
timeout: 5000,
headers: {
'Content-Type': 'application/json'
}
});
const postQueryWithArray = (url, data) => {
return request({
url,
method: 'post',
params: {
data: JSON.stringify(data)
}
});
};
```
这里通过`axios.create`创建了一个实例,设置了请求超时时间和请求头。然后封装了一个`postQueryWithArray`方法,用于发送post请求,请求类型为query,接口入参为数组。在请求中,通过`params`参数将数组转为JSON字符串,并作为查询参数发送到服务器。使用方法如下:
```javascript
const data = [1, 2, 3];
postQueryWithArray('/api/example', data)
.then(res => {
console.log(res.data);
})
.catch(err => {
console.error(err);
});
```
其中`/api/example`是接口地址,`data`是需要发送的数组。注意,这里使用`JSON.stringify`将数组转为JSON字符串,因为在query类型的请求中,数组无法直接作为查询参数发送。
阅读全文