如何使用 Axios 从 React 中经过身份验证的 API 获取数据？答案

【问题标题】：How to fetch data from an Authenticated API in React using Axios?如何使用 Axios 从 React 中经过身份验证的 API 获取数据？
【发布时间】：2022-03-14 19:58:34
【问题描述】：

我有一个经过身份验证的 API，我想从中获取数据。我正在使用 Axios 在 REACT 中执行此操作。如何执行此操作？

【问题讨论】：

最常见的是通过 Authorization 标头完成
能否请你解释清楚我是新人，所以..或者你能分享一下我在哪里可以得到这个清晰的想法吗？？

标签： reactjs axios

【解决方案1】：

类似下面的东西

const AuthString = 'Bearer '.concat(USER_TOKEN); 
axios.get(URL, { headers: { Authorization: AuthString } })
 .then(response => {
     console.log(response.data);
  })
 .catch((error) => {
     console.log('error ' + error);
  });

【讨论】：

我在 Post man 中找到了 Bearer ans User Token..这些东西到底是什么？
查看stackoverflow.com/questions/25838183/…

【解决方案2】：

1- 如果您已经拥有访问令牌，则可以创建类似的内容。

const authAxios = axios.create({
baseURL: "yourURL",
headers: {
  Authorization: `Bearer ${accessToken}`,
},

});

2- 创建 axios 后，点击 API 时可以使用创建的 axios：

  authAxios.get("URL").then((res) => {
    return res.data;

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。