next.js路由添加/加倍目录

发布于 2025-02-12 13:04:19 字数 724 浏览 0 评论 0原文

我正在尝试设置搜索页面的路由。当我从主页搜索时,它可以正确地路由到/搜索,但是如果我从搜索结果页面搜索,它会添加“/搜索”,并将其变为/搜索/搜索/{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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文