为什么要将图像放入 Next.js 公共文件夹？ 有优势吗？

Question

我可以把我的图片放在任何看起来的地方，而且效果很好。 但是，Next.JS 似乎建议将图像放入public文件夹中。 这里有什么优势？

Answer 1

如果您在public文件夹中有静态文件，那么将它们导入到其他地方会更容易。 您的代码可以从基本 URL ( / ) 开始引用public文件。

例如，如果您将图像添加到public/me.png ，以下代码将访问该图像：

import Image from 'next/image'

function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

export default Avatar

更多信息可以在这里找到： https : //nextjs.org/docs/basic-features/static-file-serving