- 在Next.js应用中,页面不仅可以放在
pages
目录下,也可以放在app
目录下。 - 需要将
pages
目录的页面文件名改为配置中定义的名称。 - 将
about.tsx
文件放入about
目录,并根据需要修改文件名。 - 修改后,需要在终端重启开发服务,然后在浏览器中测试访问应用根路径和
/about
路径。 - 在
app
目录中页面上显示的内容将是该目录中配置文件定义的组件。 - 尽管页面组件的名称不是必需的,但项目中将统一设置页面组件名称为配置中定义的名称。
pages
目录下,也可以放在app
目录下。pages
目录的页面文件名改为配置中定义的名称。about.tsx
文件放入about
目录,并根据需要修改文件名。/about
路径。app
目录中页面上显示的内容将是该目录中配置文件定义的组件。