解决vue项目不兼容低版本浏览器问题

项目场景：

`

把做好的vue2项目上到远程服务器上，远程端浏览器版本比较低是.58的

---

问题描述

把前端项目上到服务器上，在这个低版本的浏览器上运行，只出现首页，有时候首页都不加载。

---

解决方案：

提示：这里填写该问题的具体解决方案：

配置webpack
1、引入插件

npm i @babel/plugin-transform-arrow-functions -D
npm i @babel/plugin-proposal-optional-chaining -D

2、配置babel.config.js

module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset",
    [
      "@babel/preset-env",
      {
        useBuiltIns: "entry",
        corejs: 3,
        targets: {
          ios: "8",
          android: "4",
          chrome: "58",
        },
      },
    ],
  ],
  plugins: [
    "@babel/plugin-transform-arrow-functions", // 箭头函数转换
    "@babel/plugin-proposal-optional-chaining", // 可选链（?.）转换
  ],
};

3、最后使用npm run build --modern打包即可