失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue打包之后谷歌浏览器可以正常打开 而其它一些浏览器360等无法正常打开

vue打包之后谷歌浏览器可以正常打开 而其它一些浏览器360等无法正常打开

时间:2018-08-02 01:35:14

相关推荐

vue打包之后谷歌浏览器可以正常打开 而其它一些浏览器360等无法正常打开

一. 问题描述

vue再开发阶段一切都是正常的,都是没有什么毛病的,后来昨天测试这个打包nginx部署,发现了一个问题,那就是部署完成之后,我使用谷歌浏览器打开地址完全可以正常的打开,但是使用360,edge,百度等浏览器进行打开的时候发现要么是无法打开报错,要么就是压根打不开。我心中亿万个草泥马就飞过去了。

错误是这个样子的:

二. 原因分析

既然不行肯定得找原因,后来经过查找网络资料以及 ‘不忘初心’网友的指导,慢慢得了解到vue部分使用到了es6得语法,谷歌最新版本已经可以解析这个es6语法了,但是其它好多浏览器暂时还停留再es5上所以无法解析这个语法。所以那就想办法把这个es5在打包得过程种解析为es5那么大家就都可以识别了。

三. 问题解决

所以我找到了这个babel-polyfill这个哥们就可以做到上面得功能。vue得webpack框架运行下面命令添加:

cnpm install --save-dev babel-polyfill

之后再在main.js中导入下面代码:

import 'babel-polyfill'

然后我就重新打包进行测试,结果还是不行。此时此刻我心中已经没有草泥马了,已经全被我狠狠得干掉了。

没办法,只能一步一步得查找原因。后来查到了这篇博文 /zhumengzj/article/details/77074042 ,然后顿时毛瑟大开,我在我得index.html头部添加了下面得一段代码:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

整体上是这个样子的:

之后再进行测试,这个时候edge,360,百度等都没有问题正常打开了。(ie可能有点贱)

如果觉得《vue打包之后谷歌浏览器可以正常打开 而其它一些浏览器360等无法正常打开》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。