vue3 post请求参数格式化
时间: 2023-09-21 12:10:46 浏览: 144
在 Vue3 中发送 POST 请求时,可以使用 axios 库来实现。对于参数的格式化,可以使用 qs 库来实现。
首先,需要在项目中安装 axios 和 qs 库:
```
npm install axios qs --save
```
然后,在发送 POST 请求时,可以这样格式化参数:
```javascript
import axios from 'axios';
import qs from 'qs';
const params = {
username: 'admin',
password: '123456'
};
axios.post('/api/login', qs.stringify(params)).then((res) => {
console.log(res.data);
});
```
以上代码中,params 是一个包含了需要发送的参数的对象。使用 qs.stringify() 方法将其格式化为 URL 编码的字符串。在发送请求时,将其作为参数传递给 axios.post() 方法即可。
注意:如果不使用 qs 库对参数进行格式化,则需要在请求头中设置 Content-Type 为 application/json,同时将参数作为 JSON 格式的字符串传递给 axios.post() 方法。如下所示:
```javascript
axios.post('/api/login', JSON.stringify(params), {
headers: {
'Content-Type': 'application/json'
}
}).then((res) => {
console.log(res.data);
});
```
阅读全文
相关推荐


















