How to get Clean Image URLs in Next.js using next/image component

Question

我想知道如何使用 Next.js 中的 next/image 组件获得干净的图像 url。

当前网址示例如下：

是否可以像下面的网址一样每次都更改上面的网址：

或者像这样：

如何使用图像的 next/image 组件获取干净的 URL。

感谢您的参与

Answer 1

如果图像资源位于您的

/name.format

应用程序根目录的

public

文件夹中，则可以通过URL直接访问它们的

Next.js

。

例子：

图片可以尽量嵌套，只需要创建合适的子文件夹即可。

这就是你要找的吗？

这个否则你可能会感兴趣。

Answer 2

从 Next.js 12.3.0 开始，可以通过使用以下配置更新 next.config.js 将此道具分配给所有图像：

module.exports = {
  images: {
    unoptimized: true,
  },
}