使用SSR和Firebase加载图像

问题描述

我正在将Next.JS SSR与firebase存储一起使用，该存储使用firebase-admin（getSignedUrl）在后端加载图像，并在使用firebase-client（getDownloadUrl）的浏览器中加载图像。这将导致页面中的图像使用两个生成的URL加载两次。

反正有解决此问题的方法吗？

解决方法

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

例如：如果您知道图像的路径，则可以使用该路径来确定是否需要从服务器中为客户端提供一个URL。

或者，您可以在服务器上生成下载URL，此诀窍如下所示：https://stackoverflow.com/a/43764656