解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题
1.在csdn中找到了一下解决方案,但与本项目略有不同
vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空白-前端-CSDN问答
1)运行项目后将端口链接复制到ie浏览器中报出了新问题
加载控件xtxappcom失败,请确认BJCA证书
通过查找/down/92914.html解决了问题
2)剩下的就是在ie浏览器中显示空白
通过在main.js文件中添加
import 'babel-polyfill'
在webpack.base.conf.js中添加
module.exports = {context: path.resolve(__dirname, '../'),entry: {app:["babel-polyfill", './src/main.js']},
但因为本项目为vue-cli脚手架版本可能不同,没有创建bulid文件,所以要在node_modules/@vue/cli-service中找到webpack.base.conf.js文件进行修改,所以路径代码也要进行修改./src/main.js
改为../../../src/main.js
改完之后还是没啥用 /(ㄒoㄒ)/~~
回头看看,这个webpack.base.conf.js有点问题,找到的是webpack.config.js文件,就是文件找错了。再找找。
(40条消息) Vue 中使用 babel-polyfill 来兼容低版本浏览器_Never Yu的博客-CSDN博客_vue使用babel-polyfill
这个博客中第二条方法中写了可以在fig.js文件中编写babel-polyfill兼容插件,之前在vue.config.js文件中添加报错了,不可以添加entry。但是这个方法使用之后还是ie浏览器是空白的,很庆幸在博客中发现另一种方法,添加es6-promise来兼容。
但是添加es6-promise后还是没有显示,/(ㄒoㄒ)/~~~~
再次尝试,
打开packge.json,在dependencies中加入:“babel-polyfill” : “^6.23.0”
然后重新npm install
在App.vue文件中import:import “babel-polyfill”,/(ㄒoㄒ)/~~~~,不i行
想着新建一个项目行不行,可是我新建立的项目的脚手架也是和园项目一样,改不了了。把所有的方法在新建立 项目上都试了一遍没啥用。
经过一番寻找又又又找到了一篇文章 vue项目在ie浏览器打开是空白页解决办法_圣京都的博客-CSDN博客_vue项目ie打开空白这些项目文件都对的上,应该可以解决问题。
还有一个问题,有一个超古老html文件只能在ie浏览器打开,原因:
<object id="AnysignPDF" name="AnysignPDF" classid="clsid:1A5F8EA9-5A10-47EF-81E7-DF7AD23955BC" width="100%" height="95%"> </object>
classid有问题
html:object标签中classid的详解