application/x-www-form-urlencoded axios 怎么传
时间: 2024-06-13 11:04:01 浏览: 175
application/x-www-form-urlencoded是一种常见的HTTP请求数据格式,它将请求参数编码为键值对的形式,以&符号分隔,然后使用等号将键和值连接起来。在axios中,可以使用data属性来传递application/x-www-form-urlencoded格式的数据,同时需要设置请求头Content-Type为application/x-www-form-urlencoded。可以使用qs库将JSON对象转换为application/x-www-form-urlencoded格式的数据,也可以使用FormData对象来构造请求数据。以下是使用qs库传递application/x-www-form-urlencoded格式数据的示例代码:
```
import axios from 'axios';
import qs from 'qs';
axios.post('/api/login', qs.stringify({
username: 'admin',
password: '123456'
}), {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
```
相关问题
application/x-www-form-urlencoded axios 怎么传数组参数
application/x-www-form-urlencoded 是一种常见的编码格式,用于将表单数据编码为键值对。在axios中,可以通过将数据放入body中来使用该编码格式。如果要传递数组参数,可以使用qs库将数组转换为字符串,然后将其放入body中。具体步骤如下:
1. 安装qs库:npm install qs
2. 引入qs库:import qs from 'qs';
3. 将数组转换为字符串:const data = qs.stringify({arr: [1, 2, 3]});
4. 将数据放入body中:axios.post(url, data);
注意,如果要使用该编码格式,需要在请求头中指定Content-Type为application/x-www-form-urlencoded。
v3 axios application/x-www-form-urlencoded
针对 v3 版本的 axios 库,如果要发送 application/x-www-form-urlencoded 格式的数据,需要进行以下配置:
```javascript
import qs from 'qs';
axios.post('/api', qs.stringify({ foo: 'bar' }), {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
});
```
其中,需要使用 qs 库将数据转换为字符串格式,并在请求头中设置 Content-Type 为 application/x-www-form-urlencoded。
阅读全文