VUE兼容问题,360浏览器打开一片空白。
来源:10-1 Vue项目的联调测试上线 - 项目前后端联调

慕村8337265
2020-09-23
老师好,我做出来的网站,只有Chrome浏览器可以正常打开,像360或其它浏览器就打不开是一片空白,对比后发现是<div id="app"></div>
里面是空白导致的,Chrome里面就有内容。是VUE不兼容?我的UI使用了Ant Design.
写回答
2回答
-
Samrtiboy
2020-09-27
同学你好,我之前也遇到过这种问题,只需要修改360浏览器的引擎模式就可以了,修改在地址栏右边应该有一个闪电的标志,点击他切换成极速模式就可以正常访问了,当然这样的做法并不好,最正确的做法应该是安装babel-polyfill包
npm install babel-polyfill --save
安装好之后需要在main.js入口文件中引入
import 'babel-polyfill'
如果是最新的脚手架创建的项目需要在vue.config.js中配置entry
entry: { app: ['babel-polyfill', './src/main.js'] }
如果是旧的脚手架应该在修改webpack.base.conf.js下配置entry
完成安装及配置应该就能在360浏览器或其他浏览器上运行了,应该就不会出现浏览器兼容性问题了,同学可以试一下~
112020-10-06 -
Dell
2020-09-24
我表示确实可能就不兼容360
00
相似问题