使用 SSR 和 firebase 加载图像

【问题标题】：Loading images with SSR and firebase使用 SSR 和 firebase 加载图像
【发布时间】：2021-02-10 08:57:38
【问题描述】：

我正在使用带有 firebase 存储的 Next.JS SSR，它使用 firebase-admin(getSignedUrl) 在后端加载图像，并在使用 firebase-client (getDownloadUrl) 的浏览器中加载图像。这会导致页面中的图像使用两个生成的 url 加载两次。

有没有办法解决这个问题？

【问题讨论】：

我在下面写了一些通用方法。如果这还不足以解决问题，我建议您显示minimal code that reproduces the problem，以便人们可以根据该问题提出建议。

【解决方案1】：

您需要弄清楚为什么您知道其中两个 URL 相同，然后将其转换为代码。

例如：如果您知道图像的路径，则可以使用它来确定是否需要将来自服务器的 URL 存根用于来自客户端的 URL。

或者，您可以在服务器上生成一个下载 URL，使用此答案中显示的技巧：https://stackoverflow.com/a/43764656

【讨论】：