Skip to main content

静态资产

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

注意事项

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