如果用户正在搜索特定城市,我希望在页面名称之前在URL中显示城市名称;如果用户没有搜索特定城市,则希望显示普通的URL。如何在Next Js中实现这一点。
http://localhost:3000/Delhi/furniture
http://localhost:3000/furniture
两个URL应该指向同一个页面。
我尝试使用next/link组件。
<Link href='/furniture' as={config.city ? config.city + '/furniture': 'furniture'}><a>Furniture</a></Link>
Link组件有两个属性href和as。使用as属性,我们可以展示不同于实际URL的URL,但如果直接访问被'as'属性改变的URL,会显示404页面找不到。我无法找到任何属性或功能来达到上述目的。