后端加密ID在请求中部分字符变为问号的原因排查求助

这个问题我之前也碰到过类似的情况，主要是字符编码相关的隐性处理导致的，具体原因和解决办法给你梳理下：

核心原因 #

• 编码格式不兼容：你提到的Ą、Ŭ这类属于扩展ASCII字符（超出了标准ASCII 0-127的范围），如果传递过程中默认使用了ASCII编码处理，超出范围的字符会被直接替换成?。哪怕你没手动做处理，一些HTTP客户端、框架甚至iframe的通信机制，可能默认用了ASCII而非UTF-8（UTF-8能完整支持这类扩展字符）来做编解码。
• iframe通信的编码限制：在iframe环境下，部分老旧的通信实现会强制限制传输字符为标准ASCII，非标准字符会被自动截断替换成问号。
• Redux序列化的隐性转换：虽然初始值是空字符串，但如果Redux用到了持久化中间件（比如redux-persist），或者某些状态传递过程中存在隐性的序列化操作，可能会把扩展字符转成无法识别的格式，最终传递时变成问号。

可行的解决方案 #

• 强制使用UTF-8编码传递：
  转发请求时，明确设置请求头的Content-Type为application/json; charset=utf-8；如果是通过URL参数传递，先对ID做URL编码，接收方再解码：

  // 转发前编码
  const encodedId = encodeURIComponent('7$ĄrÂŬÛ,ŕ4Ŀ+');
  // 传递encodedId，接收方执行解码
  const decodedId = decodeURIComponent(encodedId);
  

• 处理iframe通信的编码问题：
  如果是通过postMessage在iframe和外部通信，可以将字符转成Base64格式传递，避免编码丢失：

  // 发送方（iframe内）
  const encodedId = btoa(unescape(encodeURIComponent('7$ĄrÂŬÛ,ŕ4Ŀ+')));
  parent.postMessage(encodedId, '*');
  
  // 接收方
  const decodedId = decodeURIComponent(escape(atob(receivedId)));
  

• 检查Redux的序列化配置：
  如果用了Redux持久化工具，确保其序列化逻辑支持UTF-8字符，不要使用会截断扩展字符的序列化方式（比如某些自定义的序列化函数）。

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