使用axios封装后参数怎么传递
时间: 2023-11-29 07:48:08 浏览: 69
axios向后台传递数组作为参数的方法
在使用 axios 封装请求时,可以通过传递参数对象来设置请求的参数。以下是一个示例:
```javascript
import axios from 'axios';
// 封装 GET 请求
function get(url, params) {
return axios.get(url, { params });
}
// 封装 POST 请求
function post(url, data) {
return axios.post(url, data);
}
// 使用 GET 请求示例
get('/api/user', { id: 1, name: 'John' })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
// 使用 POST 请求示例
post('/api/user', { id: 1, name: 'John' })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在 GET 请求中,参数通过 `params` 对象传递,该对象会被自动转换为查询字符串拼接到 URL 中。在 POST 请求中,参数通过 `data` 对象传递,该对象会被作为请求体发送到服务器端。
请根据你的实际需求修改上述示例中的 URL 和参数对象。
阅读全文