如何更改NextJS根路径页面

时间:2020-06-02 11:23:53

标签: reactjs next.js

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

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

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

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

2 个答案:

答案 0 :(得分:1)

无需使用自定义服务器就可以做到这一点,但需要注意的是,您必须使用实验功能 redirectsrewrites,具体取决于您要构建{{ 1}}页。

例如,如果您只想在用户访问根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功能。

答案 1 :(得分:0)

应该有一个标准的方法,但这是我所做的: 我清除了 index.js 中的内容,将 home.js 导入其中,然后将其渲染为内容。