vue 下載流文件

在現代的Web應用程序中，下載文件是一個必不可少的功能。使用Vue框架，我們可以輕松地下載流文件。

要下載流文件，我們首先需要確定要下載的文件的URL。URL可以是存儲在服務器上的文件的直接路徑，也可以是服務器端生成的文件。一旦我們有了要下載的文件的URL，我們可以使用Vue中的Axios庫來執行HTTP請求并獲取流文件。

axios({
url: fileUrl,
method: 'GET',
responseType: 'blob' //將響應類型設置為blob
}).then((response) =>{
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf'); //設置下載文件的名稱
document.body.appendChild(link);
link.click();
});

在上面的示例中，我們使用Axios庫執行一個GET請求，并將響應類型設置為blob。這告訴Axios我們希望從服務器上獲取一個二進制數據流。一旦我們得到了響應，我們可以使用JavaScript的Blob對象將數據轉換為二進制Blob。

在獲取Blob對象后，我們可以使用JavaScript的URL.createObjectURL()方法創建一個URL，該URL代表Blob對象所包含的數據。我們還創建了一個鏈接元素，并將其href屬性設置為我們剛剛創建的URL。請注意，我們還將download屬性設置為我們想要下載的文件的名稱。

最后，我們將鏈接元素添加到文檔中，并模擬單擊以激活下載。這將提示用戶保存文件或將其打開。

如果您想下載文件而不是在瀏覽器中打開它，則可以將link元素的target屬性設置為"_blank"。這將告訴瀏覽器在新的選項卡中打開文件而不是在當前的選項卡中。