无法使用从 getDownloadUrl 下载的 Firestore 存储 URL 作为图像 src

Posted 2023-02-16

【中文标题】无法使用从 getDownloadUrl 下载的 Firestore 存储 URL 作为图像 src

【英文标题】：Not able to use firestore storage downloaded url from getDownloadUrl as image src

【发布时间】：2021-12-08 14:55:39

【问题描述】：

我正在将 getDownloadUrl 方法的下载 url 保存在数据库中，以供以后用作图像 src。 图像在视图源中显示正确的 src，但图像未加载。

<img src="https://firebasestorage.googleapis.com/v0/b/social-snap-1bdbd.appspot.com/o/images%2F614d7b76e842ab0c54eb6748.jpg?alt=media&amp;token=8207cf33-e239-4ff7-9f08-4f7d6fac0a99"  class="w-full h-full object-cover"></img>

我还启用了对存储桶的公开访问，但它仍然无法正常工作。

【参考方案1】：

如果您尝试在网页上使用它，则可能是 CORS 配置问题。您必须将 CORS 策略添加到您的标题中。

为此，您可以按照以下答案进行操作：https://***.com/a/58613527/5292951

如果您想允许来自任何网站的 CORS，只需使用 origin ["*"]，否则请指定您的域。

【讨论】：

我试过了，但还是不行。我已经收到了 Status 200 代码，但图片没有加载。

检查窗口出现什么错误？

没有错误，图片就是不显示。