前端获取Ruby on Rails API对象时键内空格丢失问题求助

安全阿岳

2026-8-14

解决JavaScript对象键丢失空格的问题

以下是针对该问题的排查和解决步骤：

1. 先确认API响应的原始内容

直接用curl或Postman调用后端API端点，查看返回的原始JSON：

curl -v https://your-api-endpoint-url

如果返回的JSON里"Korea, South"已经变成"Korea,South"，问题出在Rails后端；如果原始响应是正确的，问题在前端或传输中间环节。

2. 后端排查（若原始响应错误）

检查序列化逻辑：
- 若使用Jbuilder，确认模板里的键名是"Korea, South"而非"Korea,South"；
- 若使用ActiveModelSerializers，检查是否配置了key_transform（如:dash、:camel），这类转换一般不会移除空格，但需确认没有自定义的键转换逻辑；
- 查看控制器代码，有没有对数据做transform_keys、gsub之类的处理，不小心移除了键里的空格；
- 检查全局JSON配置，比如config/initializers/json.rb里有没有自定义的序列化钩子。
验证序列化结果：
在控制器里直接打印your_object.to_json的结果，确认序列化后的字符串是否正确——后端日志显示的原始数据可能和实际序列化输出不一致。

3. 前端排查（若原始响应正确）

查看浏览器Network面板：
在浏览器开发者工具的Network标签里，找到对应的API请求，查看Response标签的原始内容，确认浏览器收到的JSON是否带空格。如果这里已经是"Korea,South"，可能是中间代理（如Nginx）修改了响应；如果是正确的，继续排查：

检查JSON解析逻辑：
替换默认的res.json()为res.text()后手动解析，对比结果：

fetch('/api/data')
  .then(res => res.text())
  .then(text => {
    console.log(text); // 查看原始字符串里的键
    const data = JSON.parse(text);
    console.log(data);
  });