reactjs - 图像显示在浏览器上，但不在 reactJS 中

Question

我在 DigitalOcean 空间上有图像，但我的问题是，当我想在 img 标签内的 reactJS 中显示图像时，如下所示：

const search =
  'https://wantedoffice.dev.bucket.ams3.digitaloceanspaces.com/smartphone.png';
.......
<img height="80px" src={search} />

它不显示图像，但这个：

有时它的工作原理真的很奇怪，但我每次都需要这个工作！

当我在浏览器中复制/粘贴图像 url 时它可以工作，所以我不明白，您可以尝试在浏览器中复制/粘贴此 url https://wantedoffice.dev.bucket.ams3.digitaloceanspaces.com/slide_inspiration。 PNG

图像在 DO 空间中公开且易于访问。我认为它来自反应，而不是来自数字海洋空间，你能帮我..吗？

score 0 · Accepted Answer

此图像存在来自服务器配置的问题，因此它不会在您的代码中呈现，例如，如果您将 url 更改为另一个服务器，您将看到图像结果：

              <img src={"https://i.ibb.co/28cc7z4/slide-inspiration.png"} />

这将起作用，但是当我使用您的图像时，您将收到此错误：

  (failed)net::ERR_CERT_COMMON_NAME_INVALID

此错误涉及多个问题，但基于您的链接，当我尝试通过浏览器访问它时，我看到 SSL 证书存在问题，因此如果我按下高级按钮并单击查看图像，我将无法访问其他图像...

所以你可以做的是：

1 回答 1