next.js路由添加/加倍目录
我正在尝试设置搜索页面的路由。当我从主页搜索时,它可以正确地路由到/搜索,但是如果我从搜索结果页面搜索,它会添加“/搜索”,并将其变为/搜索/搜索/{query},它导致404。
这是我的handlesubmit功能和搜索输入。
const handleSubmit = (e) => {
e.preventDefault();
router.push({
pathname: `search/${searchTerm}`,
});
setSearchTerm('');
};
<form onSubmit={handleSubmit}>
<input
className='w-full border rounded-md pl-10 pr-4 py-2 focus:border-green-500 focus:outline-none focus:shadow-outline'
type='text'
placeholder='Search'
onChange={(e) => setSearchTerm(e.target.value)}
value={searchTerm}
/>
</form>
我应该如何处理此路线?
I'm trying to set up routing for a search page. When I search from the home page it routes properly to /search, but if I search from the search results page, it adds '/search' and it becomes /search/search/{query} which leads to a 404.
Here is my handleSubmit function and search input.
const handleSubmit = (e) => {
e.preventDefault();
router.push({
pathname: `search/${searchTerm}`,
});
setSearchTerm('');
};
<form onSubmit={handleSubmit}>
<input
className='w-full border rounded-md pl-10 pr-4 py-2 focus:border-green-500 focus:outline-none focus:shadow-outline'
type='text'
placeholder='Search'
onChange={(e) => setSearchTerm(e.target.value)}
value={searchTerm}
/>
</form>
How should I be handling this routing?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论