VUE兼容问题,360浏览器打开一片空白。

来源:10-1 Vue项目的联调测试上线 - 项目前后端联调

慕村8337265

2020-09-23

老师好,我做出来的网站,只有Chrome浏览器可以正常打开,像360或其它浏览器就打不开是一片空白,对比后发现是<div id="app"></div>里面是空白导致的,Chrome里面就有内容。是VUE不兼容?我的UI使用了Ant Design. 360浏览器打开后,没有内容 id=app里面没有内容

Chrome里面是正常的,这个是由于什么原因引起的呢,这样导致我有的浏览器打开后一片空白

写回答

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浏览器或其他浏览器上运行了,应该就不会出现浏览器兼容性问题了,同学可以试一下~

1
1
Dell
牛!!
2020-10-06
共1条回复

Dell

2020-09-24

我表示确实可能就不兼容360

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10705 学习 · 8204 问题

查看课程