NextJS索引和端点共享同一页面

Question

我的Next.js应用程序中有几个页面，我希望http://localhost:3000/someEndpoint将与加载的组件完全相同http://localhost:3000/

我已经创建了index.js文件，但我不知道如何制作一些虚拟URL？

重定向不是选项，因为我想保留"/"端点也是可能的。

有什么办法可以做到这一点吗？

Answer 1

您可以使用nextjs重写，它可以作为任何URL的URL屏蔽。

module.exports = {
async rewrites() {
return [
{
source: '/someEndpoint',
destination: '/',
},
]
},
}

所以现在上的每个请求http://localhost:3000/someEndpoint将用户降落到http://localhost:3000/而无需重定向。它将作为代理url 工作