next 静态文件服务

4 min read

Next.js 提供静态文件服务

所有在public下的文件都能够通过“/”来访问到,例如在public文件夹下增加一张图片,路径为public/me.png

可以通过如下的形式访问到

import Image from 'next/image'

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

export default Avatar

public下比如适用于放置robots.txt, favicon.ico, 网站校验文件等内容,同时支持任意的以.html结尾的页面

注意: public是next.js约定的静态文件存放的目录,不要随意更改名称

注意:在pages/下要放public的同名目录,可能会引发错误

​