Reactjs 如何在nextjs中使用两个URL链接同一页面

如果用户正在搜索特定城市，我希望在页面名称之前的url中显示城市名称，如果用户未搜索特定城市，则我希望显示正常url。我们如何在下一个Js中实现这一点

前

两个URL都应该指向同一个页面

我尝试使用next/link组件

<Link href='/furniture' as={config.city ? config.city + '/furniture': 'furniture'}><a>Furniture</a></Link>

家具

链接有两个道具href和as。使用as我们可以显示不同于实际url的url，但如果您直接点击由“as”道具更改的url，它将显示404未找到页面。我找不到任何可以实现上述功能的porp或功能。

您可以在

next.config.js

中使用，将包含城市的路径映射到

家具

路线

//next.config.js
module.exports={
异步重写（）{
返回[
{
资料来源：“/：城市/家具”，
目的地：“/家具”
}
];
}
}

---

您还可以添加以允许仅匹配

：city

的某些值。我认为您至少应该在其中一个路由上呈现页面，并从另一个路由重定向到该路由，或者在两个路由上呈现相同的组件。你已经试过什么了？你能提供一份工作吗？

<Link href='/furniture' as={config.city ? config.city + '/furniture': 'furniture'}><a>Furniture</a></Link>