Rails中调用Turbo.visit如何实现不修改浏览器历史状态

你之前尝试的两个调用参数都会修改历史状态，原因很明确：

• action: "advance"：会向浏览器历史栈压入新条目，点击返回会回到导航前页面，属于新增历史记录
• action: "replace"：会替换历史栈当前位置的条目，虽然不新增记录，但仍然修改了现有历史状态，无法满足需求

可直接使用的实现方案 #

传入restore动作搭配historyChanged: false参数即可，代码示例：

Turbo.visit(url, {
  action: "restore",
  historyChanged: false
})

逻辑说明 #

• 该调用会完整走通Turbo标准GET导航流程：发起请求、处理响应、替换页面内容、触发全量Turbo导航生命周期事件，和普通链接触发的Turbo跳转行为完全一致
• restore动作原本是Turbo内部处理浏览器前进、后退时的缓存恢复逻辑，此时本身就不需要修改历史记录；搭配historyChanged: false会显式禁止Turbo调用history.pushState和history.replaceState，从根本上避免对浏览器历史栈的任何改动，包括栈长度、当前指针、已有条目内容都不会发生变化
• 该模式默认不会重置页面滚动位置，如果需要和普通导航一样回到页面顶部，可额外增加scroll: true配置，或在turbo:render回调中手动执行window.scrollTo(0, 0)

轻量场景方案 #

如果你不需要做整页导航替换，仅需要发起GET请求、让Turbo自动处理返回的Turbo Stream内容，可以直接调用Turbo封装的fetch方法，该方法天生不会操作历史记录：

Turbo.fetch(url, { method: "GET" })

内容的提问来源于stack exchange，提问作者Petros Kalafatidis