如何更改NextJS根路径页面

Posted 2023-02-28

我正在为玩具项目使用下一个js。

如果请求nextjs为根路径的URL，它将在pages文件夹中找到名为index.js的页面。

但是，当他们请求根URL时，我想向用户显示名为home.js的页面，而不是index.js。

我该如何更改？我猜如果我自定义下一个js服务器可以解决。但是我想以更简单的方式。可能吗？

答案

这可以在不使用自定义服务器的情况下实现，但是需要注意的是，您必须使用实验功能 redirects或rewrites，具体取决于您要如何构建home.js页面。

例如，如果要在用户访问根/home路径时将其重定向到/，则可以在项目的根目录中的next.config.js中定义重定向规则。

// in next.config.js (should be located in the root of your project if not create one)
module.exports = 
  experimental: 
    async redirects() 
      return [
         source: '/', destination: '/home', permanent: true , // a permanent redirect
      ];
    ,
  ,
;

但是，如果您打算将项目投入生产，我建议暂时使用定制服务器，并在稳定分支中提供redirects和rewrites功能后使用它们。