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

Question

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

Answer 1

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

例如，如果将图像添加到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