Turbo Frame认证前显示Content Missing及登录后Cookie Banner重复问题

异常现象 #

1. 未登录状态：首页和登录页DOM中存在<turbo-frame id="cookie_consent">标签，但页面显示"Content Missing"，标签src指向sign_in路由，控制台报错响应不含预期turbo-frame。
2. 登录成功后：重定向到/cookies路由时，Cookie Banner会显示两次。

问题原因与解决方法 #

1. 未登录时Turbo Frame加载失败（Content Missing） #

原因

• 权限拦截：CookiesController#index动作可能被身份验证逻辑拦截，未登录用户访问/cookies时被重定向到登录页。Turbo Frame加载登录页内容后，找不到id="cookie_consent"的frame，因此显示"Content Missing"。
• Session键拼写不一致：application.html.erb中判断的是session[:cookies_consent]（复数带s），但控制器和视图中使用的是session[:cookie_consent]（单数），导致判断逻辑失效，无论用户是否已同意，都会渲染Turbo Frame。

解决步骤

• 统一Session键拼写：修改application.html.erb中的判断条件，将session键统一为:cookie_consent（单数）：

  <%= turbo_frame_tag :cookie_consent, src: cookies_path if session[:cookie_consent].nil? %>
  

• 开放Cookies路由的匿名访问权限：在CookiesController中跳过身份验证拦截（以Devise为例，根据你的身份验证方式调整）：

  class CookiesController < ApplicationController
    skip_before_action :authenticate_user!, only: [:index, :consent]
  
    def index
      # 移除错误的session重置代码
    end
  
    # 其余代码不变
  end
  

2. 登录后Cookie Banner显示两次 #

原因

• 错误的Session重置：CookiesController#index中执行了session[:cookie_consent] = nil，强制重置用户的Cookie同意状态，导致登录后即使之前已同意，也会重新显示Banner。
• 重复渲染Turbo Frame：登录后重定向到/cookies路由，该页面会渲染一个id="cookie_consent"的Turbo Frame；同时application.html.erb中因为session[:cookie_consent]被重置为nil，又会渲染另一个相同ID的Turbo Frame，最终两个Frame加载后导致Banner显示两次。

解决步骤

• 移除Session重置代码：删除CookiesController#index中的session[:cookie_consent] = nil，该动作仅用于渲染Banner，不应修改用户的同意状态：

  def index
    # 空方法即可，或保留必要逻辑，不要重置session
  end
  

• 调整登录重定向目标：登录成功后不要重定向到/cookies，改为重定向到首页或用户之前访问的页面（以Devise为例，修改SessionsController的重定向逻辑）：

  def after_sign_in_path_for(resource)
    stored_location_for(resource) || root_path
  end
  

额外优化建议 #

• 为避免Turbo Frame重复加载，可在cookies/index.html.erb中保留外层Turbo Frame，仅在未同意时渲染Banner内容：

  <%= turbo_frame_tag :cookie_consent do %>
    <% if session[:cookie_consent].nil? %>
      <!-- Banner原有内容不变 -->
    <% end %>
  <% end %>
  

• 若需要持久化Cookie同意状态，可在consent动作中同时设置Cookie，而非仅依赖Session。

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