近日在测试中,使用IE浏览器提交某个参数为中文的数据时,接口报400错误,但是在谷歌浏览器是没有问题的。
分析问题的过程,大概是一下几步:
1、首先,HTTP 400错误,问题原因一般是前端提交数据结构与服务端不符,或者数据类型不符;
2、测试时发现,传入非中文的参数是不报错的,只有参数为中文时会报错;
3、按照这个思路,查询了一下服务日志,remark字段的编码格式如下图,
而在chrome中的参数,如下图
经过分析,得出结论是,在IE中参数问中文时,不会自动编码,需要手动转换一下。
解决方法:将传递的参数进行编码,然后传递给后台,js编码encodeURI(中文参数)
// IE浏览器兼容中文编码问题
const remark = encodeURI(this.remark)