vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核也就是vue项目需要兼容IE。

首先解决 IE不支持 Promise

解决办法

引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
或 <script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

如果有更好的办法，请留言相互学习下哈！！！

运行项目发现还是报错CRIPT5022: SecurityError sockjs.js (1683,5)

解决办法

1. 找到/node_modules/sockjs-client/dist/sockjs.js
2. 找到代码的 1605行
try {// self.xhr.send(payload); // 注释掉
} catch (e) {self.emit('finish', 0, '');self._cleanup(false);
}

到这里，页面正常显示，但是我发现跳转不太好使了。使用 vue-router 地址栏改变，但是需要刷新页面才能生效

解决办法

// App.vue下修改如下
export default {name: 'App',mounted(){function checkIE(){return '-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style}if (checkIE()) {window.addEventListener('hashchange', () => {var currentPath = window.location.hash.slice(1);if (this.$route.path !== currentPath) {this.$router.push(currentPath)}}, false)}}
}

项目完美运行

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记相关推荐

vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
QQ浏览器及360浏览器兼容模式下怎么处理sessionStorage数据
现在很多网站都需要在兼容模式和极速模式下都适应,开发的时候一般都是谷歌浏览器,前端需要存储一些本地信息,一般用的最多的是localStorage跟sessionStorage.极速模式下或者谷歌浏览器 ...
vue项目中，360浏览器兼容模式下部分页面显示不出来
1.问题在项目中引用了百度地图,但是在360浏览器的兼容模式下无法显示兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的'兼容'二字 2.解决告诉浏览器最少使用IE11的内核去 ...
360浏览器兼容模式下IE内核版本
问题最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...
360浏览器兼容模式下页面显示异常（出现不改出现的HTML标签）
在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶 ...
360 浏览器“兼容模式”下，接口请求缓存问题解决方法
文章目录起因解决方案 1. 在 get 请求的 url 中增加随机标识 2. 请求设置 3. 改为 post 请求起因 360 浏览器"极速模式"采用 Blink ( Web ...
360浏览器兼容模式下站点显示不正常，极速模式正常
1.可能跟客户端浏览器设置有关,因为360兼容模式使用的是IE内核,所以要排查IE相关设置(重点:安全站点) 2.可能是脚本或样式中不兼容语法,比如ES6,需要修改脚本或样式特此记录一下!!!!!!
360浏览器兼容模式下js失效的问题
原因是创建了console对象,IE仅在开启developer tools的时候,脚本才能访问到console这个对象 (console在代码调试时很有帮助,但是在生产环境中,应该移除掉,在开发过程中 ...
360浏览器兼容模式下get请求缓存解决方案
1.在 get 请求的 url 后面带上时间戳参数,如: url: test+ "/network/get?times="+new Date().getTime(), 2.将get ...
偏偏在面试的时候踏入一个大坑--360浏览器兼容模式
之前从来没使用过360浏览器,也不知道他有兼容模式和极速模式.在线打开之前做过的案例(兼容模式),就完全傻眼了-乱七八糟.很绝望(最气人的是当时竟然没想到换个浏览器试试,哎,第一次面试果然让人记忆深刻 ...

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核也就是vue项目需要兼容IE。

首先解决 IE不支持 Promise

解决办法

运行项目发现还是报错CRIPT5022: SecurityError sockjs.js (1683,5)

解决办法

解决办法

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记相关推荐

最新文章

热门文章

vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记

vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记

场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核 也就是vue项目需要兼容IE。

首先解决 IE不支持 Promise

解决办法

运行项目发现还是报错CRIPT5022: SecurityError sockjs.js (1683,5)

解决办法

解决办法

vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记相关推荐

最新文章

热门文章

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核也就是vue项目需要兼容IE。

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记相关推荐