从erb切换到haml后，Rails中redirect_to重定向视图重复问题

问题现象 #

• 从ERB切换到HAML后，使用redirect_to进行重定向时出现两个异常：
  1. 浏览器地址栏URL保持不变，历史记录未更新；
  2. 新视图直接追加到当前页面DOM末尾，旧视图与新视图共存，没有渲染完整带布局的页面。
• 仅redirect_to触发的重定向有此问题，直接GET请求渲染HAML视图正常；将目标视图转回ERB后，重定向功能恢复正常。

问题代码片段 #

起始ERB视图 #

# app/views/dashboards/show.html.erb
<h1>Dashboard</h1>

<h2>Cards ready for Training</h2>
<ul>
  <% @topics.each do |topic| %>
    <li><%= topic %>: <%= topic.cards_ready_for_training.count %> Cards ready for training <%= button_to "Start Training", trainings_path(training: { topic_id: topic.id }) %></li>
  <% end %>
</ul>

TrainingsController#create方法 #

# app/controllers/trainings_controller.rb  
def create
    @training = TrainingFactory.create_from_cards(cards_scope)

    if @training.persisted?
      training_progress = TrainingProgress.new(@training)
      redirect_to edit_training_card_url(training_progress.next_card), notice: "Training was successfully created."
    else
      render :new, status: :unprocessable_entity
    end
end

TrainingCardsController#edit方法 #

# app/controllers/training_cards_controller.rb
def edit
    load_training_progress
end

目标HAML视图 #

# app/views/training_cards/edit.haml
%h3= "#{@training_progress.pending_cards_count} cards left"

%h2= @training_card.question

= render "form", training_card: @training_card

%br

%div
  = link_to "Back to Dashboard", root_path

问题原因分析 #

这个问题核心和Rails Turbo的默认行为相关：

1. button_to默认发送POST请求，Turbo会将这类请求视为Turbo Stream请求处理；
2. 当控制器返回redirect_to时，Turbo会尝试通过Turbo Stream加载目标页面内容，但如果HAML模板或布局的转换存在隐式问题（比如布局文件的Turbo标签缺失），会导致Turbo无法正确触发整页刷新，转而将目标视图内容直接追加到当前DOM中。

解决方案 #

方案1：强制Turbo整页刷新 #

在redirect_to时添加turbo: :reload参数，绕过Turbo Stream逻辑，强制浏览器整页刷新：

redirect_to edit_training_card_url(training_progress.next_card), 
            notice: "Training was successfully created.",
            turbo: :reload

方案2：禁用按钮的Turbo处理 #

给button_to添加data: { turbo: false }，让浏览器以传统方式处理POST请求和后续重定向：

<%= button_to "Start Training", trainings_path(training: { topic_id: topic.id }), data: { turbo: false } %>

方案3：检查HAML布局文件 #

确保应用的布局文件（如app/views/layouts/application.html.haml）包含完整的Turbo相关标签：

%html
  %head
    %title FlashcardApp
    = csrf_meta_tags
    = csp_meta_tag
    = turbo_head_tag  # 必须存在该标签
    = stylesheet_link_tag "application", "data-turbo-track": "reload"
    = javascript_importmap_tags
  %body
    = yield

验证方式 #

应用任意一个方案后，点击"Start Training"按钮，检查：

• 浏览器地址栏是否更新为目标URL；
• 页面是否整页渲染新视图，旧视图是否被完全替换。

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