静态资产

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 等，您应该在 app 文件夹内使用特殊的元数据文件。

注意事项

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