axios的post方式query传参
时间: 2023-04-12 13:00:30 浏览: 120
可以使用axios.post(url, {params: {key1: value1, key2: value2}})的方式进行传参。其中,url为请求的地址,params为传递的参数,key1和key2为参数名,value1和value2为对应的参数值。
相关问题
axios post设置RequestParam传参
在使用 axios 发送 post 请求时,可以通过设置 `data` 属性来传递请求参数。如果需要将参数设置为 RequestParam 形式,可以使用 `qs` 库将参数序列化为字符串,然后将其作为 `data` 属性的值传递。示例代码如下:
```javascript
import axios from 'axios';
import qs from 'qs';
const params = {
name: '张三',
age: 18,
};
axios.post('/api/user', qs.stringify(params))
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在上面的代码中,`params` 对象包含了需要传递的请求参数,`qs.stringify(params)` 将其序列化为字符串,然后作为 `data` 属性的值传递给了 `axios.post` 方法。
axios的get方式query传参
使用axios的get方式传递参数可以通过在url后面拼接参数的方式,也可以通过params参数传递。例如:
1. 在url后面拼接参数
```
axios.get('/api/user?id=123&name=Tom')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
2. 通过params参数传递
```
axios.get('/api/user', {
params: {
id: 123,
name: 'Tom'
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
两种方式都可以实现get方式传递参数,但是使用params参数传递更加方便,也更加规范。