admin管理员组

文章数量:1538748

一. 问题描述

  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'

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

  没办法，只能一步一步得查找原因。后来查到了这篇博文 https://blog.csdn/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

版权声明：本文标题：vue打包之后谷歌浏览器可以正常打开，而其它一些浏览器360等无法正常打开 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726982940a1093016.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。