Rails如何将生成URL搜索串中的空格转义为%20而非+号

首先明确：Rails默认GET表单提交遵循application/x-www-form-urlencoded规范，会把空格编码为+，这是表单提交的标准行为，只是和RFC3986通用URI编码用%20转空格的规则有差异。不建议全局修改Rails/Rack的底层编码逻辑，否则很容易和内置组件、第三方gem的参数解析规则冲突，引发兼容问题。

优先修复前端解析逻辑（根源解决+号冲突） #

你遇到的无法搜索house+、单独+的问题，核心原因是手写的字符串拆分+替换逻辑不符合URL编码规范，无差别将所有+替换为空格，才会混淆转义空格和字面量+。
直接替换成浏览器原生的URLSearchParams API解析查询串即可，不需要改后端编码规则，就能自动正确识别空格、+以及其他特殊字符，兼容性覆盖所有主流浏览器：

// 废弃原来手动split+replace的脆弱写法
const urlSearchParams = new URLSearchParams(window.location.search);
// 直接拿到解码后的值，空格为空格，+为+，不需要手动做任何替换
const searchquery = urlSearchParams.get('searchAny');

强制URL空格转义为%20的实现方式 #

如果你确实需要统一URL格式，让查询串中空格显示为%20，可以拦截搜索表单的默认提交行为，手动编码参数后拼接跳转，避免表单默认序列化的+转义逻辑：

1. 先用标准表单标签包裹你的搜索字段，给表单加上id标识（比如id="search-form"），修改后的表单代码示例：

<%= form_tag opac_collection_path, method: :get, id: "search-form" do %>
  <%= text_field_tag :searchAny, params[:searchAny], placeholder: "Search", id: "search_input", class: "search-field" %>
  <%= submit_tag "Search", name: nil, id: "search-button", class: "search-button" %>
<% end %>

2. 绑定表单提交事件，阻止默认跳转，用encodeURIComponent编码参数（该方法默认将空格转义为%20，字面量+转义为%2B，完全符合RFC3986规范，Rails后端可正常解析到正确参数值）：

document.getElementById('search-form').addEventListener('submit', function(e) {
  e.preventDefault();
  const searchValue = document.getElementById('search_input').value;
  const jumpUrl = `${window.location.pathname}?searchAny=${encodeURIComponent(searchValue)}`;
  window.location.href = jumpUrl;
});

最终生成的URL就会符合你的预期，格式为https://www.domain.tld/collection/opac?searchAny=find%20something，搜索带+的关键词时也不会出现解析错误。

注意事项 #

不要通过重写Rack::Utils.escape等全局方法的方式修改编码规则，Rails内置的CSRF校验、文件上传、多参数序列化逻辑都依赖默认的表单编码规则，全局修改会引发大量难以排查的参数异常问题。

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