使用javascript的encodeURIComponent出现的问题

使用javascript的encodeURIComponent出现的问题

Symptom

在前端是使用encodeURIComponent进行转义的时候，在开发和线上环境出现了不同的表现。

前台传汉字过来，开发的时候直接过来是乱码，需要从ISO-8859-1转换成UTF-8才是正确的汉字

在线上却是直接就是汉字

Analyze

项目肯定需要配置CharacterEncodingFilter，如果是spring boot项目的话自动已经配置了，默认的字符集是UTF-8。如果是spring mvc项目的话，那么需要手动配置。

这样子就能设置好request和response的encoding。

观察线上和开发环境不同的是，在线上环境配置了:

export URI_ENCODING = UTF-8

那么肯定是因为这个才造成的差别。查一下就查到了tomcat的encoding配置，默认是iso-8859-1。

Solution

修改开发环境默认的encoding, 配置的方式是:

修改server.xml，在connector标签中设置<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" URIEncoding="UTF-8" />

添加环境变量应该也可以，不过在Windows上没有测试.