关于IE浏览器中传中文参数报400错误的问题

红太狼 2022-03-31 14:25 625阅读 0赞

做项目的时候,遇到一个小的问题.一个get请求列表数据的接口，在其它浏览器上是可以正常请求的.但是在ie浏览器上确出现奇怪的http请求400错误,其含义是你访问的页面域名不存在或者请求错误,自己的本地,肯定没问题.那就是请求错误了.几经尝试发现是参数带中文的会出现此种情况,没带中文的没有问题.  
如图（不带中文的参数返回的内容）：  
![d6d4781a5d2ed4937ac5933085150f6cfd5.jpg][]

如图（带中文的参数）：  
![27c15daa34cff4e93215ceedf736616f4a1.jpg][]  
以上可以发现，如果传参是中文的接口，返回是400，其余的参数都可以正常请求。  
解决方法：将传递的参数进行编码，然后传递给后台，js编码encodeURI(中文参数),

//获取菜单列表数据
                getMenulist: function() {
                    let that = this;
                    //兼容IE浏览器相同接口，有缓存，需要添加时间戳
                    let time=new Date().getTime();
                    //兼容IE浏览器传递中文，解码后可以正常请求
                    let name = encodeURI(that.menuName);
                    that.axios.get(api + '/sysmenutree/select2?treename=' +name+'&time='+time).then(function(response) {
                        var flag = response.data.flag;
                        var data = JSON.parse(response.data.data);
                        if(flag == 'true') { 
                            that.menuData = data;
                        }else {
                            that.menuData = [];
                            that.$message.error(response.data.mes);
                        }
                    }).catch(function(error) {
                        console.log(error);
                    })
                },

![61ac9889c6deedeafb462bd89deac4bf96e.jpg][]

就可以解决传递中文参数，在IE浏览器没有反应的问题了。

[d6d4781a5d2ed4937ac5933085150f6cfd5.jpg]: /images/20220331/4037c123aa5d4bdda2b5d57ee8b7bb04.png
[27c15daa34cff4e93215ceedf736616f4a1.jpg]: /images/20220331/fda1db086ca24535b54014801d4ef9b8.png
[61ac9889c6deedeafb462bd89deac4bf96e.jpg]: /images/20220331/ffe1e0e312a647a9bee70077408f2436.png