记录Vue兼容低版本谷歌浏览器

根据公司需求，由于对接的医院使用的浏览器版本比较低，所以兼容这块是必须要做的，目前碰到谷歌最低的版本是38.0.2125.101

解决方法 通过插件将es6语法转es5

下载插件 @babel/polyfill

我用的版本是 7.12.1

使用方法

// vue.config.js
module.exports = {
  transpileDependencies: ["vue-json-excel"], //这里是将引用的插件转成es5，具体转哪个 看浏览器控制台哪个报错就好了

  pages: {
    index: {
      // add here ---start---

      entry: ["node_modules/@babel/polyfill/dist/polyfill.js", "src/main.js"], //这里的路劲一定要写自己的，原作者的路径与我的不同

      // add here ---end---

      template: "public/index.html",

      filename: "index.html",

      chunks: ["chunk-vendors", "chunk-common", "index"],
    },
  },
}

根目录创建 babel.config.js文件

// babel.config.js
module.exports = {
  presets: [
    [
      "@vue/app",
      {
        polyfills: [
          "es6.promise",
          "es6.symbol",
          "es6.array.iterator",
          "es6.object.assign",
        ],
        useBuiltIns: "entry",
      },
    ],
  ],
};

打包之后就可以访问了