vue本地下载文件，解决ie浏览器本地下载文件无反应（已解决）；vue-cli2本地下载文件，vue-cli3本地下载文件

以你之姓@ 2021-09-02 03:43 1142阅读 1赞

1.vue-cli2+vue  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfYW1fYV9kaXY_size_16_color_FFFFFF_t_70_pic_center]

注意：vue-cli2本地文件需要放在静态文件static下

download(){ 
          axios.get('static/export.pdf', { 
            responseType: 'blob', //重要
            }).then(response => { 
              //判断是否是IE浏览器，是的话返回true
              if ("msSaveOrOpenBlob" in navigator) { //兼容ie浏览器下载报传递给系统调用的数据区域太小.
                  var data = response.data;
                  var blob = new Blob([data], {  type: "application/vnd.ms-excel" });
                  window.navigator.msSaveOrOpenBlob(blob, '帮助文档.pdf');
                  return;
              } else { 
                const url = window.URL.createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                let fname = '帮助文档.pdf';
                link.href = url;
                link.setAttribute('download', fname);
                document.body.appendChild(link);
                link.click();
              }
            });
        },

2.vue-cli3 +vue [参考此篇文章][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfYW1fYV9kaXY_size_16_color_FFFFFF_t_70_pic_center]: /images/20210724/e91d75a51f4b4522aa8c00a7d3d17504.png
[Link 1]: https://blog.csdn.net/I_nur/article/details/107630116