Skip to content

NextJS中文文档 - Public Folder

Next.js 可以通过根目录下名为 public 的文件夹提供静态文件,如图像。public 内的文件可以从根 URL (/) 开始被你的代码引用。

例如,文件 public/avatars/me.png 可以通过访问 /avatars/me.png 路径查看。显示该图像的代码可能如下所示:

jsx
import Image from 'next/image'

export function Avatar({ id, alt }) {
  return <Image src={`/avatars/${id}.png`} alt={alt} width="64" height="64" />
}

export function AvatarOfMe() {
  return <Avatar id="me" alt="我的肖像" />
}

缓存

Next.js 不能安全地缓存 public 文件夹中的资源,因为它们可能会变化。应用的默认缓存头是:

jsx
Cache-Control: public, max-age=0

Robots、网站图标和其他文件

版本历史

版本变更
v9.0.0引入 public 文件夹。

🎉有任何问题,欢迎联系我

WeChat QR Code
WeChat
QQ QR Code
QQ

赣ICP备2023003243号