【前端小卡】通过vuecli3.0+兼容IE踩坑记录，学习解决问题的方式

看完这篇文章，如果还不能解决你的vue兼容ie问题，我来手把手教你，我希望在这篇文章中，你不仅仅为了解决兼容性问题，而是学会一种解决问题的思路。

为什么需要兼容IE？

可能兼容IE是每一个前端开发者头痛的问题，谷歌、火狐他不香吗？香啊，但是不能让用户站在开发者的角度去使用产品吧？如果甲方爸爸就要用IE，你又能如何？哈哈，废话不多说，进入正题，开始我们的项目是vuecli2.0搭建的时候，解决IE非常容易，网上搜到的教程几乎都没问题，我简单说一下：

// 无非就是直接一个babel的事情
// main.js
import 'babel-polyfill'

// webpack.config.js
module: {
rules: [
      { test: /\.js$/, use: 'babel-loader' }
    ]
}
// 我们暂时不考虑webpack优化问题

我们这篇文章重点讨论是vuecli3.0+，对于IE兼容的问题。当我们的项目升级到3.0的时候，IE浏览器每次打开的错误提示还是不一样的，这真的让我哭笑不得，最可气的是，有时候只是白屏，不报错。当然我知道出现这种情况的原因肯定和IE浏览器的缓冲机制有关。

在默认情况下，IE会缓存请求的结果。对于同一个URL地址，在缓存过期之前，只有第一次请求会真正发送到服务端。而其他浏览器，每一次请求都会向服务器重新发起。

怎么做？

遇到技术问题的时候，我认为我们首先想到的就是两个渠道，官网和gith