axiosを使用してファイルをダウンロードする方法 質問する

1. AxiosでファイルをダウンロードresponseType: 'blob'
2. Axios/Serverからの応答内のBLOBを使用してファイルリンクを作成する
3. <a>手順2で作成したファイルリンクにリンクされたhrefを持つHTML要素を作成し、リンクをクリックします。
4. 動的に作成されたファイルリンクとHTML要素をクリーンアップする

axios({
    url: 'http://api.dev/file-download', //your url
    method: 'GET',
    responseType: 'blob', // important
}).then((response) => {
    // create file link in browser's memory
    const href = URL.createObjectURL(response.data);

    // create "a" HTML element with href to file & click
    const link = document.createElement('a');
    link.href = href;
    link.setAttribute('download', 'file.pdf'); //or any other extension
    document.body.appendChild(link);
    link.click();

    // clean up "a" element & remove ObjectURL
    document.body.removeChild(link);
    URL.revokeObjectURL(href);
});