Rails7中link_to加turbo: false仍触发Turbo Stream POST请求问题

1. 为什么link_to加data: {turbo: false}仍触发Turbo Stream POST？ #

核心原因是link_to的method: :post并非原生HTML支持的功能，必须依赖Turbo或UJS（Unobtrusive JavaScript）来模拟POST请求：

• 若你的应用同时加载了Turbo和UJS：当你给<a>标签加data-turbo=false，Turbo会放弃拦截，但UJS会接管点击事件，动态生成一个隐藏表单来发送POST请求。这个动态生成的表单不会继承<a>标签上的data-turbo=false属性，因此Turbo依然会处理该表单的提交，发送带Turbo Stream请求头的POST。
• 若仅依赖Turbo：理论上data-turbo=false会让Turbo放弃拦截，此时原生<a>只能发送GET请求。但你实际仍发送POST，说明UJS在你的应用中处于启用状态，两者的行为发生了冲突。

2. 如何让link_to像button_to一样执行常规HTML POST请求？ #

推荐两种可靠的实现方式：

方法一：手动创建表单包裹链接（无依赖，最稳定） #

直接用表单模拟button_to的逻辑，将链接作为表单提交的触发器，确保表单携带data-turbo=false来禁用Turbo处理：

<%= form_tag some_path, method: :post, data: { turbo: false } do %>
  <%= link_to 'Submit', '#', onclick: "this.closest('form').submit(); return false;", class: 'your-custom-link-style' %>
<% end %>

这种方式完全基于原生HTML表单提交，不会受Turbo或UJS的干扰，行为和button_to完全一致。

方法二：禁用Turbo与UJS的远程提交（适用于仍使用UJS的项目） #

给link_to同时添加remote: false和data: { turbo: false }，强制UJS生成常规表单提交，并阻止Turbo介入：

<%= link_to 'Submit', some_path, method: :post, remote: false, data: { turbo: false } %>

注意：如果你的项目未引入UJS，这个方法会失效，此时建议用方法一。

3. 为什么button_to正常而link_to异常？ #

button_to和link_to的实现逻辑本质不同：

• button_to直接生成完整的HTML表单，内部是标准的<button type="submit">按钮。原生表单提交默认不会被Turbo修改请求头（除非显式开启Turbo），因此会以常规HTML POST的方式发送，请求头仅包含text/html，服务器返回普通HTML响应。
• link_to的method: :post是通过Turbo或UJS模拟的行为，无论是Turbo创建临时表单，还是UJS动态生成表单，都会被Turbo处理（除非表单明确携带data-turbo=false），导致请求头包含Turbo Stream相关的Accept字段，最终触发Turbo Stream响应。

内容的提问来源于stack exchange，提问作者Tiago Antunes