Next.js 支持将静态文件(例如图片)存放到根目录下的 public
目录中,并对外提供访问。public
目录下存放的静态文件的对外访问路径以 (/
) 作为起始路径。
例如,如果你添加了一张图片到 public/my-image.png
路径,则以下代码就能访问到此图片:
function MyImage() {
return <img src="/my-image.png" alt="my image" />
}
export default MyImage
此文件夹还可用于存放 robots.txt
文件、Google 站点验证文件以及任何其它静态文件(包括 .html
文件)!
注意: 请勿为
public
改名。此名称是写死的,不能修改,并且只有此目录能过够存放静态资源并对外提供访问。
注意: 请确保静态文件中没有与
pages/
目录下的文件重名的,否则这将导致错误。