vue后台管理系统兼容问题

时间 2019-11-05

标签 vue 后台管理系统兼容问题繁體版

原文原文链接

一、兼容vue

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

二、兼容问题缘由npm

（1）低版本ie不支持编译后的es5promise

（2）低版本ie不支持Promise浏览器

三、解决方法babel

（1）引入es6-promise & 和babel-polyfill依赖包app

npm install --save es6-promise babel-polyfill

（2）在入口文件main.js引入svg

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

（3）在vue.config.js新增配置es5

 // 。。。此处省略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'] // 新增结束
 } }