Vue项目兼容IE浏览器：解决IE不支持Promise问题、解决因为缓存机制导致的axios获取数据不更新、 解决axios发送中文参数值失败

前言

因为平时开发一般都是用谷歌也基本不上线，只是为了完成比赛，所以也没怎么留意兼容IE，但最近在做一个项目，交付后反馈了两个特别大的问题：1、IE请求不到数据…打开控制台发现是因为IE不支持Promise，2、解决了上面的问题后获取数据却发现view数据不更新，原因是因为IE会缓存请求数据，请求参数和地址不变化的时候先是从缓存中取…

解决IE不支持Promise的问题

这个问题其实很好解决，既然IE浏览器本身不支持，那我我们只需要引入一个库来告诉浏览器实现该功能就好：
在html中引入js库

<script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

解决因为缓存机制导致的axios获取数据不更新

问题： 在IE下用Axios发送Get请求获取数据时，返回数据不更新…
原因： 用get方式请求时，因发送参数和地址都一致，IE浏览器会从缓存中取相应的数据，而不会去请求服务器端，因此数据没发生变化。
注： post方式不会遇到此问题。
解决： 在请求地址后加一个时间戳以便IE浏览器区分这是新的请求

//为了兼容IE请求缓存，所以需要在地址栏后加入时间戳
    const time = new Date().getTime()
    url = url + '?' + 'time=' + time

解决axios发送中文参数值失败

问题： 发送GET请求时包含中文参数值，在谷歌和火狐等是正常请求，但在IE却报错…
注： post方式不会遇到此问题
解决： 我们只需要将中文参数值进行转码发送即可，我是用的是JS的encodeURI()方法进行转码

name= encodeURI(name)                 //为了兼容IE，需要对中文参数进行编码，原本name为中文