对于JS前端页面URL中文参数编码问题记录

对于JS前端页面URL中文参数编码问题记录

在项目开发过程中,遇到一个特别奇葩的问题,特此记录一下.
由于开发环境分为内外网环境,此时当URL传入中文参数是,
后端服务接收参数可能为有乱码的情况,第一次我做的是对js参数做了
encodeURI(tr.username)的处理.在外网环境对代码打印日志如下:

logger.info("用户名称: " + username);
logger.info("用户名称解码: " + URLDecoder.decode(username, "UTF-8"));

日志输出情况如下:

用户名称: 测试张三
用户名称解码: 测试张三

是正常的,但是当发布到内网服务器环境时变成了:

用户名称: ?-????
用户名称解码: ?-????

由此出现了问题,经过多番尝试查询资料后,再encodeURI(tr.username)外面多包了一层encodeURI(encodeURI(tr.username))
外网环境输出日志为:

用户名称: &324!*	VY等类似字样的编码符号
用户名称解码: 测试张三

内网环境输出日志为:

用户名称: 测试张三
用户名称解码: 测试张三

由此可见,最稳妥的解决方案为:
前端对中文参数进行:

encodeURI(encodeURI(tr.username))

后端对参数进行:

URLDecoder.decode(username, "UTF-8")

到此就完成了!