axios发送带参数的get请求
时间: 2024-09-30 17:09:16 浏览: 24
vue+axios全局添加请求头和参数操作
5星 · 资源好评率100%
Axios是一个流行的基于Promise的HTTP客户端,它支持浏览器和Node.js环境。发送GET请求通常不需要额外参数,因为GET请求的参数直接附加在URL查询字符串中。如果你想要发送一个带参数的GET请求,可以在URL后面加上问号(?),然后键值对之间用"&"分隔。
例如,如果你想获取某个用户的信息,用户ID为123,你可以这样做:
```javascript
const axios = require('axios');
axios.get('https://api.example.com/user', {
params: { id: 123 } // 这里id就是你的参数名
})
.then(response => {
console.log(response.data); // 打印服务器响应的数据
})
.catch(error => {
console.error(error);
});
```
在这个例子中,`params`对象是你传递的查询参数。如果URL已经是完整的,可以直接传递参数对象,比如:
```javascript
axios.get('https://api.example.com/user/123', {
params: { filter: 'active' } // 参数filter会添加到路径中
})
```
这里,`filter`参数会被添加到`/user/123`后面,形成类似`https://api.example.com/user/123?filter=active`这样的URL。
阅读全文