环境
"axios": "0.18.0",
"element-ui": "2.4.6",
"es6-promise": "^4.2.6",
"js-cookie": "2.2.0",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"vue": "^2.5.2",
"vue-count-to": "1.0.13",
"vue-router": "^3.0.1",
"vue-wechat-title": "^2.0.5",
"vuex": "3.0.1"
1. npm安装babel-polyfill
npm install babel-polyfill --save-dev
- 然后在webpack.base.conf.js修改配置
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ['babel-polyfill', './src/main.js']
}
.....
}
2. axios的请求在ie下没有用
npm install es6-promise --save-dev
- 在main.js配置下
import promise from 'es6-promise'
promise.polyfill()
注意:
Chome浏览器对于服务端返回的 Access-Control-Allow-Headers: * 不区分
如果是IE、火狐,360极速兼容模式, 则后台必须修改为 Access-Control-Allow-Headers: 自定义header1,自定义header2
另外:fetch兼容性可参考网址,测试通过
https://www.jianshu.com/p/1fb0213ada79