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



我正在使用next.js作为我的区块链应用程序的前端,并使用IPFS来存储我的图像。每当我尝试使用image组件显示图像时,它都会显示主机名未配置错误。我知道如何通过编辑next.config.js文件来配置主机名,但我不想每次添加另一个映像时都手动这样做。有没有一种方法可以自动配置所有主机名?

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

如何允许Image nextjs配置的所有域

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

最好的方法是使用一个中介来获取图像并配置其域(例如:yourproxy.com/fetch?image=<externalurl>,然后您的proxy.com成为一个直通,如果您愿意,您甚至可以编写自己的

相关内容

  • 没有找到相关文章

最新更新