vue给请求体添加请求参数怎么写
时间: 2024-05-15 20:16:29 浏览: 23
在 Vue 中添加请求参数可以使用以下方法:
1. 使用 URLSearchParams 对象
```javascript
const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/api', params)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
2. 使用 FormData 对象
```javascript
const formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');
axios.post('/api', formData)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
3. 直接将参数对象传递给 axios
```javascript
axios.post('/api', {
param1: 'value1',
param2: 'value2'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
以上三种方法都可以用来添加请求参数,具体选择哪种方法可以根据实际情况来决定。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)