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。但是我看到在 req 和 header 中使用了消费者密钥。能否请您仔细检查一下您的授权标头？

获取 401 授权问题

1 个答案: