IE兼容Vue项目
【IE兼容Vue项目】一、今天遇到了vue项目在IE11下显示空白的地方,第一个反应是兼容性,然后仔细检查了一下项目,然后发现没有去安 装babel-polyfill,所以就第一时间去安装:
npm install babel-polyfill -D
然后在main.js里引入(一般放在首行):
import 'babel-polyfill'
然后在webpack.config.base.js里:
entry: {
app:['babel-polyfill', './src/main.js']
}
// 在loader里还有最重要的一步,就是把有ES6语法的js文件所在的文件夹都需要包含进去,
// 这样才能保证将所有的ES6语法都编译成ES5的
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve(''test),
resolve('mock')
]
}
二、IE不兼容fetch请求解决方式:
cnpm install babel-polyfill es6-promise fetch-detector fetch-ie8 --save
main.js 中引入
import 'babel-polyfill';
require('es6-promise').polyfill();
import 'fetch-detector';
import 'fetch-ie8';
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 17|17 关山松 第二课作业#公众号项目# D20
- RxJava|RxJava 在Android项目中的使用(一)
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目(一)
- VueX--VUE核心插件
- 靠QQ月入上万灰色暴利偏门的项目
- spring|spring boot项目启动websocket
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布