图片仅在浏览器调整大小/重排时显示

Question

我试图尽可能地描述以下内容。如果您提出更多问题以使我更接近解决方案甚至是问题，我将感到很高兴。

我使用React-app的设置，带有Razzle的SSR，带有Apollo的graphQL的设置。也尝试过与Nextjs相同。

从 / shop 导航到 / shop / shopdetail 后，在调整浏览器大小或导航回 / shop 并进入再次 / shop / shopdetail 。图片网址由 / shopdetail 中的GraphQL查询提供。

调整大小前后。

但是图像似乎是从开发服务器加载的。

某些图像在首次渲染时，只有在SSR之后的Direkt具有MIME类型的文本/纯文本时，这是正常的吗？

我尝试过的事情：

• 使用带有和不带有src设置的标签
• 与Razzle和Next相同的设置
• 在父容器和img上以px为单位设置最小高度
• 不同的浏览器：Shopdetail图片在Firefox中显示，但在Chrome和Safari中不显示

添加的代码（处理并获取所有图像的图像组件）：

import pandas as pd

df = pd.DataFrame({"Job": ["Operation Manager at Barclays", "Chief Operating Officer at Llyods"]})
df[["Job", "Location"]] = df["Job"].str.split(r"\bat\b", expand=True)
print(df)