javasciprtのaxiosで取得したxlsxのバイナリデータをFileSaver.jsでブラウザからダウンロードしたい

Question

javasciprtのaxiosで取得したxlsxのバイナリデータをFileSaver.jsでGoogle chromeからダウンロードしたいですが、
うまくいかなくて困っています。

サーバー側では実施せず、クライアント側で実施したいです。

下記の記事のことを試してみましたができませんでした。
Downloading excel(.xlsx) with blob and FileSaver.js in vue project getting coruppted

どなたかわかる方がいらっしゃいましたら、ご教授をお願いします。

function onExcelExportClicked() {
    axios({
        method: "get",
        url: "***",
        responseType: "blob", // blog or arraybuffer?
        dataType: "binary",
        params: { id: 1 }
    }).then((response) => {
        // ①　arraybufferで試したこと
        // var blob = new Blob([response.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
        // FileSaver.saveAs(blob, "test.xlsx");

        // ②　blobで下記はだめだった
        FileSaver.saveAs(response.data, "test.xlsx");

    }).catch((response) => {
        // エラー処理
    });
}

このコードでうまくいき、ファイル名も内容も日本語でも正しく表示されました。
ただし、Excelがそのままオープンしてしまい、FileSaverでブラウザのダウンロード機能が働いてくれなくて困っています。

Edgeではダウンロード機能が働きましたが、Google Chromeで働いていないです。
FileSaverが対応していなさそうなので、他の方法があればよいのですが。

function onExcelExportClicked() {
    axios({
        method: "get",
        url: "***",
        responseType: "blob",
        params: { id: 1 }
    }).then((response) => {
        var blob = new Blob([response.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
        saveAs(blob, "テスト.xlsx");

    }).catch((response) => {
        // エラー処理
    });
}

Answer 1

Google Chromeでは解決しなさそうなので、xlsxを一度zipにして対応しました。

onExcelExportClicked() {
    axios({
        method: "get",
        url: "***",
        responseType: "blob",
        params: { id: 1 }
    }).then((response) => {
        var blob = new Blob([response.data], { type: "application/zip" });
        saveAs(blob, "テスト.zip");

    }).catch((response) => {
        // エラー処理
    });
},

Answer 2

Blobのtypeを変えてみるとかどうでしょう。

【ファイルを強制ダウンロードさせるヘッダについて調べた - 技術メモなど】
https://shkn.hatenablog.com/entry/2019/03/22/235503

Comments

[退会済みユーザー]

ご回答ありがとうございます。
記事より、下記のヘッダを試してみましたが、だめでした。
Content-Type: application/force-download
Content-Type: application/octet-stream
Content-Disposition: attachment

去年ぐらいからGoogle chromeでxlsxをダウンロードできなくなったような記事を見かけたので、
一度zipにしてからダウンロードするなどを検討してみようと思います。