VUE中IE浏览器下载文件的解决方案

1、 问题

浏览器的兼容性问题一直是个令人头痛的问题，开发的小伙伴应该都比较喜欢用chrome浏览器，兼容性比较强大，而就有些问题发生在其他一些浏览器上，尤其是IE，今天就记录一个ie的坑——ie浏览器不支持通过a标签下载文件，作为一个后端菜鸟，还要去解决这种问题，心里简直一万只羊驼在奔腾…

2、解决方案

话不多说，直接贴代码

this.axios.get("/estimate/downResource", {
          params:{
              fileName:fileNm
          },
          responseType: 'blob'
        }).then(response => {
          if (window.navigator.msSaveBlob) {	//IE以及IE内核的浏览器
            try {
              window.navigator.msSaveBlob(response, fileNm);	//response为接口返回数据，这里请求的时候已经处理了，如果没处理需要在此之前自行处理var data = new Blob([response.data]) 注意这里需要是数组形式的,fileNm就是下载之后的文件名
              // window.navigator.msSaveOrOpenBlob(response, fileNm);	//此方法类似上面的方法，区别可自行百度
            }catch (e) {
                console.log(e);
            }
          }
          this.download(response,fileNm)	// chrome、firefox

至此，成功解决IE的下载文件问题