NextJs 中的 index.js 和 _app.js 有啥区别？

Posted 2023-02-21

【中文标题】NextJs 中的 index.js 和 _app.js 有啥区别？

【英文标题】：Whats is the difference between index.js and _app.js in NextJs?NextJs 中的 index.js 和 _app.js 有什么区别？

【发布时间】：2022-01-24 02:12:19

【问题描述】：

有人能解释一下 index.js 文件和 _app.js 有什么区别吗？在下一个教程中，它说要更改 index.js，但为我呈现的是 _app.js。

【问题讨论】：

我建议您阅读 Custom App 文档。

【参考方案1】：

_app.js 将包含您的整个应用程序，这意味着它将在项目的任何页面中呈现。例如。如果您在此文件中添加<div>hello world</div>，您将在您网站的每个页面上看到 Hello World。更多阅读here.

index.js 仅在您访问网站的/ 路径时才会呈现。每当您创建一个新页面时，您都将使用索引文件，例如，您需要一个 about 页面，您将拥有一个包含 index.js 的 about 文件夹，所有这些都包含在 pages 文件夹中。更多阅读here.