静态资源

Next.js 可以在根目录下的 public 文件夹中提供静态文件（如图片）。public 内的文件可以通过代码从基础 URL (/) 开始引用。

例如，如果您在 public 中添加 me.png，以下代码将访问该图片：

import Image from 'next/image'

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

此文件夹也适用于 robots.txt、favicon.ico、Google 网站验证以及其他任何静态文件（包括 .html）。但请确保不要有与 pages/ 目录中的文件同名的静态文件，否则会导致错误。了解更多。

须知：

• 目录必须命名为 public。名称不可更改，并且这是唯一用于提供静态资源的目录。
• 只有构建时位于 public 目录中的资源才会被 Next.js 提供。请求时添加的文件将不可用。我们建议使用第三方服务（如 AWS S3）进行持久化文件存储。