首页 > 解决方案 > 下一个 js:在访问 '/blogs/' 时打开 index.js

问题描述

在我的 next.js 项目中,每当我访问 'localhost:3000/blogs/' 时,如何打开 index.js 页面

index.js 文件位于“blogs”文件夹下。

当我访问 'localhost:3000/blogs' 时,它确实打开了。但是如果我在博客之后附加一个正斜杠,它会重定向到 404 页面。

谢谢。

标签: javascriptreactjsnext.js

解决方案


Next Js 不是那样工作的。基于服务器路由,它映射到我们称之为动态路由的 pages 文件夹。因此,如果您的路由是这样在服务器上定义的:

server.get("/blogs/*", (req, res) => {
      return app.render(req, res, "/blogs/[index]");
    });

你的文件夹结构是这样的:pages/blogs/[index].js那么只有它会打开你的索引文件。

有关更多说明,请阅读上面提到的链接Dynamic Routing


推荐阅读