Rails 7集成Devise：登录页面无法在落地页正常渲染问题

核心问题拆解 #

1. 按钮路径错误：登录按钮误指向注册路径user_registration_path，而非登录页面的new_user_session_path
2. Turbo 请求方式冲突：button_to默认发POST请求，而登录页面是GET请求，Turbo处理POST时优先用Turbo Stream响应，导致页面无更新
3. 布局与认证钩子逻辑矛盾：全局authenticate_user!和skip_before_action的配合有问题，Devise控制器的布局规则也需要调整

分步修复方案 #

1. 修正登录/登出按钮的路径与请求方式 #

修改landing.html.erb中的按钮代码，纠正路径并匹配正确请求方法：

<% if user_signed_in? %>
  <%= button_to("Sign out", destroy_user_session_path, method: :delete, class:"bg-blue-500 hover:bg-indigo-800 text-white font-bold py-2 px-4 rounded") %>
<% else %>
  <%= button_to("Sign in", new_user_session_path, method: :get, class:"bg-blue-500 hover:bg-indigo-800 text-white font-bold py-2 px-4 rounded") %>
<% end %>

也可以用link_to更适配GET请求场景：

<% else %>
  <%= link_to("Sign in", new_user_session_path, class:"bg-blue-500 hover:bg-indigo-800 text-white font-bold py-2 px-4 rounded inline-block") %>
<% end %>

2. 调整全局布局与认证逻辑 #

修改ApplicationController，统一管理布局和认证钩子，避免重复逻辑：

class ApplicationController < ActionController::Base
  # 仅非Devise控制器要求登录
  before_action :authenticate_user!, unless: :devise_controller?

  layout :layout_by_resource

  private

  def layout_by_resource
    if devise_controller?
      "landing"
    else
      # 登录后用application布局，未登录用landing布局
      user_signed_in? ? "application" : "landing"
    end
  end
end

简化StaticPagesController，不再单独设置布局：

class StaticPagesController < ApplicationController
  skip_before_action :authenticate_user!
  def landing
  end
end

3. 优化Turbo与Devise兼容性 #

如果仍有页面无更新问题，可在登录按钮上禁用Turbo：

<%= button_to("Sign in", new_user_session_path, method: :get, data: { turbo: false }, class:"bg-blue-500 hover:bg-indigo-800 text-white font-bold py-2 px-4 rounded") %>

同时确认config/initializers/devise.rb中的Turbo配置正确：

config.navigational_formats = ['*/*', :html, :turbo_stream]

验证效果 #

1. 未登录时访问根路径，正常显示落地页和登录按钮
2. 点击登录按钮，正确跳转到/users/sign_in，并在landing布局中渲染登录表单
3. 登录成功后自动切换到application布局
4. 点击登出按钮，正确退出并返回落地页

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