vue兼容IE

最新推荐文章于 2023-08-25 09:07:34 发布

迷人ol

最新推荐文章于 2023-08-25 09:07:34 发布

阅读量272

点赞数

分类专栏：个人总结文章标签： vue

本文链接：https://blog.csdn.net/lzp5201314yyy/article/details/102929885

版权

3 篇文章 0 订阅

订阅专栏

vue中兼容iE

背景：由于Vue中使用了ES6语法，因此低版本的IE浏览器是不兼容IE的，在vue不做适配的情况下，vue所生成的网页用IE浏览器中打开只会出现一片空白，因此要用到使用babel-polyfill转换成ES5

通过npm安装,代码如下

	npm install --save babel-polyfill

注意：引入是必须放在main.js引入中的最前面，是最前面

如图下所示

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JGVH5aI0-1573006382999)(C:\Users\kx\AppData\Roaming\Typora\typora-user-images\1571967941644.png)]$

否则是无法应用babel-polyfill

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

有些工程师喜欢在建立vue项目的时候将webpack抛出，形成一个build文件，

webpack.base.conf.js 就在该文件中

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q7PtHZxL-1573006383000)(C:\Users\kx\AppData\Roaming\Typora\typora-user-images\1571968315173.png)]$

配置如下：

未替换换前的配置

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7nkZqkxE-1573006383001)(C:\Users\kx\AppData\Roaming\Typora\typora-user-images\1571968380488.png)]$

替换后的配置

$ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UbijheGb-1573006383001)(C:\Users\kx\AppData\Roaming\Typora\typora-user-images\1571968462815.png)]$

步骤到目前就可以实现vue的项目在IE的运行了。

关注

专栏目录