Axios如何添加请求头
Axios是一个常用的基于Promise的HTTP客户端，可以在浏览器和Node.js中使用。它提供了简单且便捷的方式来发送HTTP请求。当我们需要在请求中添加自定义的请求头时，可以通过Axios提供的配置选项来实现。
安装Axios
首先，我们需要在项目中安装Axios。可以使用npm或者yarn来安装Axios。在命令行中运行以下命令进行安装：
npm install axios
或者
yarn add axios
安装完成后，我们可以在项目中引入Axios：
import axios from 'axios';
添加请求头
要添加请求头，我们可以在Axios的配置对象中使用headers属性。headers属性是一个对象，其中的属性名表示请求头的字段名，属性值表示请求头的字段值。
下面是一个示例，演示了如何在Axios请求中添加自定义的请求头：
import axios from 'axios';
// 创建一个Axios实例
const instance = axios.create({
baseURL: '
timeout: 5000,
headers: {
'Authorization': 'Bearer token123', // 添加自定义请求头
'Content-Type': 'application/json'
}
});
// 发送GET请求
instance.get('/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在上面的代码中，我们使用create方法创建了一个自定义的Axios实例。在实例化时，通过headers属性添加了两个自定义的请求头字段：Authorization和Content-Type。
之后，我们可以通过这个自定义的Axios实例发送GET请求。在发送请求时，Axios会自动将我们添加的请求头字段添加到请求中。当服务器收到这些请求头字段时，可以根据需要进行处理。
动态设置请求头
有时候，我们希望根据实际情况动态设置请求头。可以在发送请求时，通过config参数来动态设置请求头。
下面是一个示例，演示了如何在发送请求时动态设置请求头：
import axios from 'axios';
// 发送GET请求，并动态设置请求头
axios.get(' {
headers: {
'Authorization': 'Bearer token123', // 添加自定义请求头
'Content-Type': 'application/json'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在上面的代码中，我们直接通过Axios发送GET请求，并在发送请求时通过headers属性动态设置了请求头字段。
全局默认请求头
如果需要在所有Axios请求中都添加相同的请求头，可以使用defaults属性。defaults属性是一个对象，其中的属性名表示请求头的字段名，属性值表示请求头的字段值。
下面是一个示例，演示了如何在Axios的全局默认请求头中添加请求头字段：
import axios from 'axios';
// 设置全局默认请求头
axios.defaults.headers.common['Authorization'] = 'Bearer token123';
axios.defaults.headers.common['Content-Type'] = 'application/json';
// 发送GET请求
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在上面的代码中，我们通过axios.defaults.headers.common对象设置了全局默认的请求头字段。这样，所有通过Axios发送的请求都会自动添加这些请求头字段。
总结
以上就是在Axios中添加请求头的方法。我们可以通过headers属性在Axios请求中添加自定义的请求头，也可以通过config参数动态设置请求头。另外，还可以使用axios.defaults.headers.common设置全局默认的请求头字段。无论何种方式，都可以轻松地在Axios请求中添加自定义请求头。
