使用 Axios 获取带有令牌标头的请求

Axios 是一个流行的 JavaScript 库，用于在浏览器和 Node.js 中发起 HTTP 请求。在本文中，我们将介绍如何使用 Axios 发送带有令牌标头的请求。

在许多 Web 应用程序中，我们需要向服务器发送请求以获取或更新数据。通常情况下，我们需要对用户进行身份验证，以便只有授权用户才能访问受保护的资源。在这种情况下，我们可以使用令牌来验证用户。

要使用 Axios 发送带有令牌标头的请求，我们需要首先配置 Axios。下面是一个示例：

import axios from 'axios';

const axiosInstance = axios.create({
  baseURL: 'http://localhost:8080/api',
  headers: {
    'Authorization': `Bearer ${token}`,
    'Content-Type': 'application/json'
  }
})

在上面的示例中，我们使用 Axios.create 来创建一个具有基本 URL 和标头的 Axios 实例。我们将我们的令牌作为 Authorization 标头的一部分传递，使用 Bearer 作为类型。

接下来，我们可以使用这个实例来发送请求。下面是一个示例：

axiosInstance.get('/users')
  .then(response => {
    console.log(response.data);
  });

在上面的示例中，我们使用 get 方法来获取用户。我们简单地使用 console.log 来查看响应结果，但这个响应结果可以用来更新我们的 UI 界面。

通过这种方法，我们可以轻松地使用 Axios 发送带有令牌标头的请求，在 Web 应用程序中实现用户身份验证和授权。