攻克中文用户名登录系统编码难题

构建支持中文用户名的登录系统时，常常会遇到编码问题，例如常见的“Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.”错误。此错误提示表明setRequestHeader方法收到的字符串包含非ISO-8859-1字符，通常是由于用户名或其他参数包含中文等非ASCII字符造成。 问题通常出现在登录成功后获取用户信息阶段，说明错误可能源于用户信息请求的头部参数。

问题根源及解决方案

根本原因在于setRequestHeader方法期望使用ISO-8859-1编码，而中文用户名通常使用UTF-8编码。 解决方法主要有两种：编码转换或使用更通用的编码方式。

方法一：使用encodeURIComponent进行编码转换

在前端发送请求前，使用encodeURIComponent(username)对中文用户名进行编码，再将其作为请求头参数发送到后端。后端则使用decodeURIComponent进行解码。 这种方法确保请求头参数符合规范，避免编码错误。

方法二：采用Base64编码

使用Base64编码对用户名等参数进行编码，再发送到后端，后端同样需要进行Base64解码。 Base64编码更通用，能避免与特定编码方式的兼容性问题。 选择哪种方法取决于后端技术和安全需求。

关键：前后端编码一致性

无论选择哪种方法，前后端都必须保持编码方式的一致性，才能确保数据正确传输和处理。 忽视这一点会导致数据错误或系统故障。