axios所有的请求头配置详解
时间: 2023-08-07 07:26:47 浏览: 178
在使用axios发送网络请求时,可以通过headers配置参数来自定义请求头。以下是常用的请求头配置:
1. `Content-Type`:设置请求体数据格式,常见的有`application/json`、`application/x-www-form-urlencoded`、`multipart/form-data`等,其中`application/json`表示请求体数据为JSON格式,`application/x-www-form-urlencoded`表示请求体数据为URL编码格式。
2. `Authorization`:设置请求的认证信息,常见的有`Bearer token`、`Basic username:password`等,其中`Bearer token`表示使用JWT(JSON Web Token)方式进行认证,`Basic username:password`表示使用HTTP基本认证方式进行认证。
3. `Accept`:设置请求期望的响应数据格式,常见的有`application/json`、`text/html`、`text/plain`等,其中`application/json`表示期望响应数据为JSON格式,`text/html`表示期望响应数据为HTML格式。
4. `User-Agent`:设置客户端标识,常见的有`Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36`等,其中`Mozilla`表示浏览器类型,`Windows NT 10.0`表示操作系统类型,`Chrome/58.0.3029.110`表示浏览器版本号。
以下是一个完整的axios请求示例,包括请求头的配置:
```
import axios from 'axios';
axios.defaults.baseURL = 'http://example.com/api';
axios.defaults.headers.common['Authorization'] = 'Bearer token';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.post('/login', {
username: 'admin',
password: 'password'
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
```
在以上示例中,我们设置了请求的基础URL为'http://example.com/api',并在请求头中添加了一个名为'Authorization'的字段,其值为'token',还设置了POST请求的请求体数据格式为URL编码格式。我们发送了一个POST请求,请求体数据为一个包含用户名和密码的对象,最后我们使用了Promise的方式处理了请求的响应和错误。
阅读全文