vue項目中實現文件下載功能

功能：點擊導出按鈕，提交請求，下載excel文件；

修改axios請求的responseType為blob，以post請求為例：

this.$axios({
                    method: 'post',
                    url: '/api/market/exportEmployee.do',
                    // headers里面設置token
                    headers: {
                      'Content-Type': 'application/json',
                      // "token":window.sessionStorage.getItem('token')
                    },
                    data: {
                        'department_id': parseInt(window.sessionStorage.getItem("departmentId")),
                          'startTime': this.date +'-1',
                          'endTime': this.date +'-31'
                    },
                    // 二進制流文件，一定要設置成blob，默認是json
                    responseType: 'blob'
                    
                }).then(res => {
                    console.log(res)
                    if(!res.data){
                               return
                           }
                           var name = this.date + "月" + this.departmentName +"銷售分析統計.xls";
                           var blob = new Blob([res.data]);
                           var url = window.URL.createObjectURL(blob);
                           var aLink = document.createElement("a");
                           aLink.style.display = "none";
                           aLink.href = url;
                           aLink.setAttribute("download", name);
                           document.body.appendChild(aLink);
                           aLink.click();
                           document.body.removeChild(aLink); //下載完成移除元素
                           window.URL.revokeObjectURL(url); //釋放掉blob對象
                  })

請求成功，拿到response后，調用download函數（創建a標簽，設置download屬性，插入到文檔中並click）