next.js - 使用 index.js 以外的东西作为 next.js 目录中的主页

Question

在next js中，一个典型的页面路径是：

/pages/blog/index.js

在 Visual Studio Code 中，这意味着当我编辑一堆页面时，它们都在选项卡中显示为 index.js，这使得文件难以整理。

我更喜欢这样命名我的页面：

/pages/blog/blog.js

访问 example.com/blog 时访问的页面

有没有办法在 Next.js 中配置这种行为？

标签： next.js

Answer 1

您可以将您的内容index.js从blog.js

然后在index.js你输入这段代码：

import blog from "./blog.js";

export default blog;