如何在 next.js 中自动配置图像

How to auto configure images in next.js

我正在使用 next.js 作为我的区块链应用程序的前端,并使用 IPFS 来存储我的图像。每当我尝试使用 Image 组件显示图像时,它都会显示 hostname not configured 错误。我知道如何通过编辑 next.config.js 文件来配置主机名,但我不想每次添加另一个图像时都手动执行此操作。有没有办法自动配置所有主机名?

我在这里发布了同一个问题的答案

how to allow all domains for Image nextjs config

当您的应用程序聚合来自不同来源的内容并且这些来源 link 到不同的图像域时,没有一种简单的方法可以做到这一点。

最好的方法是使用一个中介来获取图像并配置它的域(例如:yourproxy.com/fetch?image=<externalurl> 然后你的 proxy.com 成为一个传递,你甚至可以写你自己的如果你所以希望