浏览器兼容性篇-vue篇-ES6转ES5
在 vue 项目中,ie浏览器识别ES5写法的javascript代码,而IE浏览器不支持,所以需要借助插件 babel-polyfill ,解决方案如下:vue-cli2下 解决浏览器兼容性问题1. 安装babel-polyfill 执行以下命令,重启服务器:npm install --save babel-polyfill2.在main.js引入import 'babel-polyfill'3
·
在 vue 项目中,ie浏览器识别ES5写法的javascript代码,而IE浏览器不支持,所以需要借助插件 babel-polyfill ,解决方案如下:
vue-cli2下 解决浏览器兼容性问题
1. 安装babel-polyfill 执行以下命令,重启服务器:
npm install --save babel-polyfill
2.在main.js引入
import 'babel-polyfill'
3.在webpack.base.conf.js中配置:
entry: {
app: ['babel-polyfill','./src/main.js']
}
vue-cli3下 解决浏览器兼容性问题
1. 安装babel-polyfill依赖
npm i babel-polyfill --save-dev
2.在src同级目录下新建vue.config.js文件配置如下
module.exports = {
configureWebpack: {
devServer: {
proxy: {
//名字可以自定义,这里我用的是api/
'/api/': {
target: 'https://www.163.com', //设置你调用的接口域名和端口号 别忘了加http
ws: true, // 是否代理websockets
changeOrigin: true, //这里设置是否跨域
pathRewrite: {
'^/api/': 'https://www.163.com'
}
}
}
}
},
chainWebpack: config => {
// 其他配置
config.entry('main').add('babel-polyfill') // main是入口js文件
// 其他配置
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)