Rails 7中实例变量未传递至视图的问题求助

这是Rails 7默认启用的Turbo导致的问题。Turbo Drive会拦截表单的POST请求，以AJAX方式处理，并且在接收服务器返回的HTML响应时，可能因缓存机制或页面更新逻辑问题，导致新渲染的内容没有正确替换旧页面。虽然服务器端确实执行了create方法并渲染了带hello world的index视图，但Turbo没有正确更新前端页面，导致你看到的还是旧的@message值。

以下几种方法都可以解决这个问题：

方法1：使用Turbo Stream局部更新（推荐，符合Rails 7的Turbo生态） #

这种方式不需要刷新整个页面，只更新需要变化的部分：

1. 修改create方法，返回Turbo Stream响应：

class MyController < ApplicationController
  def index
    puts "got index request"
    @message = "type something into the form"
  end

  def create
    puts "got create request"
    @message = "hello world"
    # 用Turbo Stream更新指定容器的内容
    turbo_stream.update 'message-container', partial: 'message', locals: { message: @message }
  end
end

2. 在index.html.erb中给消息部分添加一个带ID的容器：

<p style="color: green"><%= notice %></p>

<h1>New search</h1>

<%= render "form" %>

<div id="message-container">
  <p>Message is <%= @message.inspect %>.</p>
</div>

3. 创建一个局部视图app/views/my/_message.html.erb：

<p>Message is <%= message.inspect %>.</p>

方法2：禁用当前表单的Turbo处理 #

让表单以传统方式提交，强制页面完全刷新：
在你的_form.html.erb中，给表单添加data-turbo="false"属性：

<%= form_with url: my_create_path, method: :post, data: { turbo: false } do |form| %>
  <!-- 你的表单字段和提交按钮 -->
  <%= form.submit "Submit" %>
<% end %>

（注意替换my_create_path为你实际的create路由路径）

方法3：使用redirect_to替代render #

通过重定向触发页面刷新，绕开Turbo的缓存问题：

1. 修改create方法：

def create
  puts "got create request"
  # 把消息存入flash，重定向后读取
  flash[:message] = "hello world"
  redirect_to action: :index
end

2. 修改index方法，读取flash中的消息：

def index
  puts "got index request"
  @message = flash[:message] || "type something into the form"
  # 清除flash，避免刷新页面后消息仍然存在
  flash.delete(:message)
end

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