如何在react“加载资源失败：服务器以404（）的状态响应”中显示上载到cloudinary的图像

Question

按照这里的指示https://cloudinary.com/documentation/advanced_url_delivery_options#client_side_resources

我使用获取API访问. json文件来显示上传的媒体，但出现了一个错误加载资源失败：服务器响应状态为404（）

这是我的密码

  useEffect(() => {
    fetch(window.cloudinary.url("reactflix.json", {type: "list"}))
      .then(res => res.json())
      .then(
        (result) => {
          console.log(result)
        },
        
        (error) => {
          console.log('error')
        }
      )
  }, []);

我也试过

  useEffect(() => {
    fetch('https://res.cloudinary.com/omama/image/list/reactflix.json')
      .then(res => res.json())
      .then(
        (result) => {
          console.log(result)
        },
        
        (error) => {
          console.log('error')
        }
      )
  }, []);

Answer 1

您在哪里找到云名称“omama”和标签“reactflix.json”？你可能想检查一下。

大多数时候客户端请求只是简单的URL，所以您不需要检查应用程序，您可以在浏览器中访问它，但我建议使用Postman。如果URL在您的浏览器中没有返回任何内容，它将被视为404。

Answer 2

默认情况下，客户端资源（也称为资源列表）受到限制，需要签名的URL才能访问。由于您没有使用签名URL，404最可能的原因是您帐户中的设置是默认设置，因此此类型受到限制。

您可以通过转到设置来检查这一点-

这样做之后，您就可以使用以前没有使用过的新标记进行测试。这是因为如果404的原因确实是限制，那么您可能会从Cloudinary获得缓存错误响应。使用新标记进行测试将确保您不会遇到这种情况。