React IE兼容以及IE参数带中文转义问题，及二次转义的处理

最新推荐文章于 2021-11-10 16:09:01 发布

sheep！

最新推荐文章于 2021-11-10 16:09:01 发布

阅读量674

点赞数 2

分类专栏： React ie兼容总结文章标签： IE兼容转义中文参数二次转义

本文链接：https://blog.csdn.net/weixin_41777971/article/details/90293304

版权

总结同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

React

2 篇文章 0 订阅

订阅专栏

ie兼容

1 篇文章 0 订阅

订阅专栏

因为项目需要兼容ie所以在安装了babel-polyfill
在入口处最顶部引入import ‘babel-polyfill’; （需要在入口处的第一个引入中引入import ‘babel-polyfill’ ）
有些样式高度或者是宽度要给个值，有时在ie浏览器自适应会跟其他浏览器不一样。

因为项目中请求参数中带了中文所以在请求前，先把请求的url或者是参数按情况调用该方法，判断是否含有中文并且转义

const isChina=(s)=>{                               //判断url中是否包含中文 是的话再进行转义
     if(/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi.exec(s)){
         return encodeURI(s);
     }else{return s}
 };

判断是否含有中文如果有的话就使用encodeURI( )来进行转义。（encodeURI() 函数可把字符串作为 URI 进行编码。该函数不会进行转义的字符是：:;/?@&=+$,#）
因为除了IE浏览器，其他浏览器一般会自动对中文进行转义，如果二次转义中文参数就对不上，可能会造成拿不到数据等问题。