获取401授权问题

Question

我已经开始使用 WooComeerce 和 React.js 构建一个项目，但我有一个问题。 当我尝试获取数据时，例如：“产品”，收到问题 401 未经授权。 我已经在 Postman/Insomnia 中测试了我的请求，一切都按预期工作。我认为问题出在标题部分，但现在我无法处理这个问题..

我的响应标题也是空！

这是我的代码：

const getProducts = async () => {
const response = await fetch(`${process.env.REACT_APP_API_URL}products?consumer_key=${process.env.REACT_APP_API_CONSUMER_KEY}&${process.env.REACT_APP_CONSUMER_SECRED_KEY}`,
  {
    method: "GET",
    mode: "cors",
    credentials: "include",
    headers: {
      "Authorization": `Basic ${process.env.REACT_APP_API_CONSUMER_KEY}`,
      "Content-Type": "application/json",
    },
  }
);

return response;
};

我该如何解决这个问题？

注意：我没有使用 WooCommerce REST API 包。

提前谢谢您！

Answer 1

通常基本身份验证字符串是 base64 编码的字符串

username:password

。但是我看到消费者密钥在请求和标头中使用。您能仔细检查一下您的授权标头吗？