如何在响应中显示上传到cloudinary的图像“无法加载资源：服务器响应状态为404”

问题描述

按照此处的说明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)
        },[]);

解决方法

Client-side resources（又名资源列表）在默认情况下受限制，并且需要Signed URL才能访问。由于您未使用签名URL，因此404的最可能原因是您帐户内的设置是默认设置，因此此类型受到限制。

您可以通过转到帐户中的“设置”->“安全性”选项卡并在“受限媒体类型”字段下确保未选中“资源列表”选项来进行检查。如果是这样，则可以取消选中它并保存设置。

执行完此操作后，您可以使用以前从未使用过的新标签进行测试。这是因为如果404的原因确实是限制，那么您可能会从Cloudinary获得缓存的错误响应。使用新标签进行测试将确保您不会遇到这种情况。

,

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

大多数情况下，客户端请求只是简单的URL，因此您无需检查应用程序，只需在浏览器中进行访问即可，但我建议使用Postman。如果该网址在您的浏览器中未返回任何内容，则将其视为404。