Rails中POST请求触发Cookie操作在Safari/iPhone13上引发文件下载问题

在Rails应用中，我通过POST请求调用CookiesController的create方法处理Cookie确认操作，代码逻辑并无复杂之处，但在最新款iPhone的Safari浏览器中，提交表单会触发文件下载提示，即使已设置返回head :no_content，仍无法理解其中原因，恳请提供排查思路。

相关代码 #

cookie_form.html.erb #

<form action="<%= cookies_path %>" method="post" data-turbolinks="false">
  <%= hidden_field_tag "authenticity_token", form_authenticity_token %>
  <%= hidden_field_tag "cookie_accept", "true" %>
  <button type="submit" style="all:unset;">
    <div class="v_button_primary v_button__cookie">
      <%= t('showcase.shared.button.accept') %>
      <%= media_tag "images/arrow-white-right.png", alt: "icon-btn" %>
    </div>
  </button>
</form>

routes.rb #

# Cookies
resources :cookies, only: [:create]

CookiesController.rb #

class CookiesController < ApplicationController
  def create
    if params[:cookie_accept] == "true"
      cookies.permanent[:cookie_policy] = 'accepted'
      head :no_content
    elsif params[:legal_accept] == "true"
      session[:legal_informations] = 'accepted'
      head :no_content
    else
      head :bad_request
    end
  end
end

补充说明：我在ApplicationController中通过before_action检查Cookie状态，更新实例变量以控制Cookie弹窗的显示与隐藏，逻辑同样简单。

排查思路 #

• 检查响应Content-Type头：head :no_content默认不会返回Content-Type头，部分版本的Safari可能对无Content-Type的空响应解析异常，尝试手动指定Content-Type，比如修改为：

  head :no_content, content_type: 'text/html'
  

• 改用AJAX提交表单：当前表单是普通同步提交，禁用了Turbolinks后，Safari可能对空响应的处理逻辑和其他浏览器不同。可以利用Rails UJS的data-remote="true"属性，或者自行编写JS监听submit事件，用fetch/ajax发送请求并阻止默认提交行为，避免页面跳转带来的解析问题。
• 调整按钮HTML结构：按钮内部嵌套div的非标准结构，可能导致Safari对表单提交的识别异常。尝试去掉嵌套的div，将样式直接应用到按钮上：

  <button type="submit" class="v_button_primary v_button__cookie" style="all:unset;">
    <%= t('showcase.shared.button.accept') %>
    <%= media_tag "images/arrow-white-right.png", alt: "icon-btn" %>
  </button>
  

• 检查响应头是否存在异常：在Safari开发者工具的Network面板中查看请求的响应头，确认是否意外存在Content-Disposition等可能触发下载的头信息（可能由中间件或Rails默认配置导致）。
• 验证Safari特定行为：新款iPhone的Safari可能有隐私/安全特性更新，可尝试显式指定Cookie的SameSite属性，确保Cookie设置符合浏览器要求：

  cookies.permanent[:cookie_policy] = { value: 'accepted', same_site: :Lax }
  

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