需要加token驗證的接口返回文件流下載

沒有加token之前，下載文件用的是a標簽，直接下載。

 

現在要求是需要在header中加入token。

getDownload(urls, fileName) {
            var url = urls;
            var xhr = new XMLHttpRequest();
            xhr.open("get", url, true);
            xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xhr.setRequestHeader("access-token", store.state.token.token);
            xhr.send();
            xhr.responseType = "blob"; // 返回類型blob
            xhr.onload = function() {
                if (this.status === 200) {
                    let a = document.createElement("a");
                    let blob = new Blob([this.response], {
                        type: "text/csv;charset=GBK;"
                    });
                    let objectUrl = URL.createObjectURL(blob);
                    a.setAttribute("href", objectUrl);
                    a.setAttribute("download", fileName + ".csv");
                    a.click();
                } else {
                    alert("出現了未知的錯誤!");
                }
            };
        },

如圖所示，最后解決