打赏

vue后台管理系统兼容问题

1、兼容

兼容问题主要是指ie9以下的ie浏览器。

2、兼容问题原因

(1)低版本ie不支持编译后的es5

(2)低版本ie不支持Promise

3、解决方法

(1)引入es6-promise & 和babel-polyfill依赖包

npm install --save es6-promise babel-polyfill

(2)在入口文件main.js引入

// 解决低版本浏览器不支持promise问题
import 'babel-polyfill'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

(3)在vue.config.js新增配置

 // 。。。此处省略n个字符。。。
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
    // 新增配置
    config.entry.app = ['babel-polyfill', './src/main.js']
    // 新增结束
  }
}

 

posted @ 2019-09-03 09:50  孟繁贵  阅读(1355)  评论(0编辑  收藏  举报
TOP