将变量设置为标头（Header） - axios

在进行网络请求时，我们有时需要在请求头中添加一些自定义信息，例如身份验证等。使用axios库可以轻松地设置请求头。

设置单个请求头

axios.get('/user', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
});

在上面的例子中，我们在请求中添加了一个名为Authorization的自定义请求头。这个请求头的值是一个字符串，其中包含了我们的身份验证令牌。注意，在添加自定义请求头时，必须使用对应的名称和值。

设置多个请求头

axios.get('/user', {
  headers: {
    'Authorization': 'Bearer ' + token,
    'Content-Type': 'application/json'
  }
});

如果我们需要设置多个请求头，可以在headers对象中添加多个键值对。在上面的例子中，我们添加了两个自定义请求头，一个是身份验证令牌Authorization，另一个是内容类型Content-Type。

在全局范围内设置请求头

axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;

如果我们需要在所有请求中添加相同的请求头，我们可以在全局范围内设置默认的请求头。在上面的例子中，我们添加了一个名为Authorization的请求头，其值为身份验证令牌。

注意，在设置全局请求头时，必须使用axios.defaults.headers.common对象，否则请求头将不会被设置。

总结

本文介绍了如何使用axios库设置请求头。我们可以在单个请求中设置自定义请求头，也可以在全局范围内设置默认的请求头。无论哪种方式，都可以帮助我们完成网络请求中必要的身份验证、内容类型等工作。