扩展阅读，细看Axios全景

请求头

请求头是一组发送给服务器的额外信息，用于指定请求的类型、内容以及其他相关属性。Axios允许我们通过多种方式设置请求头。

最简单的方法是直接在请求配置对象中指定请求头：

axios.get('https://example.com', {
  headers: {
    'Content-Type': 'application/json'
  }
});

我们还可以使用axios.defaults.headers来设置全局的请求头：

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

发送请求

现在我们已经设置好请求头，就可以发送请求了。Axios提供了多种方法来发送请求，最常用的两种是axios.get()和axios.post()：

axios.get('https://example.com')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

axios.get()方法用于发送GET请求，而axios.post()方法用于发送POST请求。我们还可以使用axios.put()、axios.delete()和其他方法来发送其他类型的请求。

处理响应

当服务器响应请求时，Axios会自动将响应数据解析为JSON格式。我们可以通过response.data属性访问这些数据：

axios.get('https://example.com')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

如果服务器返回了一个错误响应，Axios会抛出一个错误。我们可以通过catch()方法来捕获这个错误：

axios.get('https://example.com')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

总结

Axios是一个强大的HTTP库，它提供了许多特性和功能，使我们能够轻松地发送HTTP请求和处理响应。在本文中，我们探讨了请求头、发送请求和处理响应这三个方面。通过对这些功能的深入理解，我们可以更好地利用Axios来构建复杂的网络应用。