axios get请求传参数
时间: 2023-10-12 16:13:08 浏览: 93
[ vue ] axios 发送 POST 请求,后端不能通过 HttpServletRequest 获取参数
在使用 axios 发起 GET 请求时,可以通过在 URL 中添加查询参数的方式传递参数,也可以通过在 axios 的 `params` 选项中设置参数传递。
以下是两种传递参数的示例代码:
1. 在 URL 中添加查询参数:
```javascript
axios.get('/api/data?id=123&name=test')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
2. 在 `params` 选项中设置参数:
```javascript
axios.get('/api/data', {
params: {
id: 123,
name: 'test'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
在第二种方式中,`params` 是一个对象,对象的属性名是参数名,属性值是对应的参数值。在发送请求时,axios 会自动将 `params` 中的参数转换为查询参数添加到 URL 中。
阅读全文