1、Chrome上能够正常打开网页，可是在IE11上打开一片空白，打开控制台报语法错误，以下图：

点击chunk-vendors.js后发现是vue-baidu-map组件报错，以下图：

缘由：

vue-baidu-map组件可能不兼容IE11。

解决办法:

在vue.config.js增长以下配置便可:css

module.exports = {

transpileDependencies: ['vue-baidu-map']

}

transpileDependencies

Type:Array

Default:[]

默认状况下babel-loader会忽略全部node_modules中的文件。若是你想要经过 Babel 显式转译一个依赖，能够在这个选项中列出来。vue

2、IE11下在登陆页面，当el-button组件设置native-type="submit"后，点击登陆后页面刷新又回到了登陆页面。

缘由：使用submit会默认刷新页面。

解决办法：事件后加.prevent阻止表单默认刷新。ios

登陆

3、css中使用flex:1在IE11下出现高度不能自动充满多余空间。以下图：

缘由：es6

flex:1在IE10-11中会默认解析成：flex: 1 1 0

flex:1在Chrome和Firefox中会解析成：flex: 1 1 auto

因此因为在IE浏览器中有兼容性问题，因此会致使样式出现差别。

解决办法：

使用flex-grow: 1替换flex:1能够解决此样式问题。vuex

4、使用dayjs在IE11下转换这种格式2020-03-17T17:24:26.000+0800时间时，转化结果为invalid time。

缘由：

dayjs部分功能兼容性问题。

解决办法：

使用moment.js。chrome

5、vue项目在ie11下一片空白并报错promise undefined。

缘由：

ie11浏览器解析不了es6的语法，须要咱们使用babel。可是Babel 默认只转换新的 JavaScript 句法(syntax)，而不转换新的 API ，好比 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法(好比 Object.assign)都不会转码。

解决办法：

1.在vue项目中安装babel-polyfill。vue-cli

npm install --save-dev babel-polyfill

2.在mian.js中引入babel-polyfill(要在引入vue，vuex，elementui 以前引入)。npm

import 'babel-polyfill'

3.重启项目便可正常。

6、IE11中get请求方式在初次请求以后再也不进行请求了，而是会从缓存中获取数据，可是chrome浏览器会中却每次都会获取。

缘由：

IE浏览器会有缓存。

解决办法：

使用请求拦截器，为每一个请求加一个时间戳。

// 请求拦截器 --- 仅axios

service.interceptors.request.use((config) => {

config.params = {

_t: Date.parse(new Date()) / 1000,

...config.params

}

return config

}, (error) => {

// 错误抛到业务代码

error.data = {}

error.data.msg = '服务器异常，请联系管理员！'

return Promise.resolve(error)

})

持续更新中......