Next.js 清除查询参数答案

【问题标题】：Next.js cleans away query parametersNext.js 清除查询参数
【发布时间】：2021-01-21 07:13:13
【问题描述】：

我有一个用 Next.js 编写的应用程序。我有一个像my-page.jsx 这样的页面。当我导航到/my-page?x=1&y=2 时，页面会正确呈现并读取查询参数。但是 URL ?x=1&y=2 的部分正在被自动删除。这是一个问题，因为当我离开页面然后使用浏览器“后退”按钮返回 back 时，查询参数不再存在并且不会被读取。所以页面会以不同的方式呈现。

如何防止 Next.js 从 URL 中删除查询参数？

【问题讨论】：

您是否使用<Link href=my-page?x=1&y=2" as="my-page?x=1&y=2">My Link</Link> 在页面之间导航？
@dna 我从完全不同的站点导航到页面和从页面导航。该任务涉及复杂的跨站点交互。与付款有关

标签： javascript reactjs next.js

【解决方案1】：

您如何托管此应用程序？也许您没有添加配置以允许主 URL 之外的额外文本。默认情况下，大多数主机只允许您访问“www.example.com”而不是“www.example.com/?x=1&y=2”。通常这会呈现一个错误页面，并且不会将您重定向到“www.example.com”。

【讨论】：

它托管在一个通用的 CentOS 云实例上，前面有 Nginx。即使在浏览器和 node.js 进程之间没有任何东西的本地主机上也会出现问题。我已经告诉过该页面已成功读取查询参数。只是在那之后它们正在通过客户端 js 从 URL 中删除。问题出在 Next.js 客户端代码中。这不是网络/代理问题。
@Gherman 看起来您可能需要添加几个步骤。也许这个链接可能有用：stackoverflow.com/questions/43181606/…