NodeJS NextJS项目-路由[已关闭]

gdx19jrr  于 8个月前  发布在  Node.js
关注(0)|答案(1)|浏览(45)

已关闭。此问题需要details or clarity。目前不接受回答。
**要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

4天前关闭。
Improve this question
我正在用next.js创建我的第一个项目,这是我的第一个联系人,所有这些都是实习的测试,该项目由5个页面组成,在我的应用程序文件夹中,有三个文件,global.css,layout .tsx和page.tsx,在我的布局中,我制作了我的主页,然后构建其他页面,我使用了路由,这是我完全陌生的,所以我为每个页面创建了一个文件夹,在这些页面中,我创建了一个文件page.tsx和layout.tsx,都在app文件夹中,到目前为止,我成功地创建了页面,但是当我访问任何其他页面时,当加载页面时,它加载我想要访问的页面和创建的第一个页面,这是在layout.tsx在应用程序文件夹中,有人可以帮助我吗?
我什么都试过了,但一切都错了哈哈

8mmmxcuj

8mmmxcuj1#

你可以在nextjs文档here中获得更多信息。
但全局而言,layout.tsx文件将在所有子路由中继承。
我认为你需要全局的文件夹结构:

├── app
│   ├── globals.css
│   ├── page.tsx
│   ├── layout.tsx
│   ├── page1
│   │   ├── page.tsx
│   ├── page2
│   │   ├── page.tsx
│   ├── page3
│   │   ├── page.tsx
│   ├── page4
│   │   ├── page.tsx

字符串
每个page.tsx都是您希望为该路由显示的特定内容。
layout.tsx,将设置所有子路由的布局(这里是第1页到第4页)。您可能会在那里拥有页眉,页脚,页面容器的全局布局......

相关问题