axios封装请求方式post,请求类型为query
时间: 2023-08-21 07:01:57 浏览: 161
axios 封装上传文件的请求方法
好的,针对您的问题,可以使用axios封装一个post请求,请求类型为query,代码如下:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://your-api-base-url.com',
timeout: 10000, // 超时时间
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
},
});
// 封装post请求
export const postQuery = (url, params) => {
return instance({
url,
method: 'POST',
params,
});
};
```
使用时,只需要调用 `postQuery` 函数,传入url和参数即可:
```javascript
postQuery('/your-api-path', { key: 'value' })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
其中 `params` 就是我们要发送的数据,它会被自动转换成查询字符串(query string)的形式,拼接在URL后面发送给后端。
阅读全文