Rails项目问题：文本输入后点击预览未跳转至预览页面

核心问题分析 #

你的代码主要存在两个关键问题：

1. 表单的URL路径配置错误，相对路径可能导致路由匹配异常
2. Rails默认启用Turbo，form_with默认以AJAX方式提交，而控制器动作未适配这种提交模式，导致页面无法正常跳转

具体修复步骤 #

1. 修正表单的URL路径 #

将输入页视图中的表单URL改为完整路由路径或路由辅助方法（符合Rails规范）：

原代码：

<%= form_with url: 'preview', method: :post do %>

替换为（推荐使用路由辅助方法，先通过rails routes命令确认辅助名为formatting_preview_path）：

<%= form_with url: formatting_preview_path, method: :post do %>

或者直接使用完整路径：

<%= form_with url: '/formatting/preview', method: :post do %>

2. 适配Turbo提交模式（二选一） #

Rails 7+默认启用Turbo，form_with默认是AJAX提交，需要处理这种请求模式：

方案一：强制表单普通提交（简单直接）

在表单中添加data: { turbo: false }，禁用Turbo的AJAX提交：

<%= form_with url: formatting_preview_path, method: :post, data: { turbo: false } do %>
  <%= text_area_tag 'input_text' %>
  <%= submit_tag 'Preview' %>
<% end %>

方案二：控制器适配Turbo请求（现代Rails开发方式）

修改控制器的preview动作，确保Turbo能正确处理响应：

class FormattingController < ApplicationController
  def input
  end

  def preview 
    @input_text = params[:input_text]
    # 针对Turbo请求返回流响应，确保页面正确更新
    respond_to do |format|
      format.html { render 'preview' }
      format.turbo_stream { render turbo_stream: turbo_stream.replace('content', partial: 'preview_content', locals: { input_text: @input_text }) }
    end
  end
end

（注：此方案需要调整预览页结构，添加对应ID的容器，适合需要无刷新更新的场景）

3. 验证路由匹配 #

运行rails routes命令，确认路由配置正确，应输出如下内容：

formatting_input GET    /formatting/input(.:format)  formatting#input
formatting_preview POST   /formatting/preview(.:format) formatting#preview
root GET    /                           formatting#input

测试验证 #

修改完成后重启Rails服务器，输入文本点击Preview按钮，即可正常跳转到预览页并显示输入内容。若仍有问题，可查看服务器日志，检查请求路径和响应状态码，排查是否存在路由匹配错误。

内容的提问来源于stack exchange，提问作者Переводы втуберов