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'

  然後我就重新打包進行測試，結果還是不行。此時此刻我心中已經沒有草泥馬了，已經全被我狠狠得幹掉了。

  沒辦法，只能一步一步得查找原因。後來查到了這篇博文 https://blog.csdn.net/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可能有點賤）