サーバー(Flask)側でファイルを作成し、クライアント(vue)に返したい

Question

##【環境】
vue.js(2.9.6)
python(3.6.3)
flask(1.1.1)

##【実現したいこと】

0.vue.js 側でボタンを押す
1.テーブルデータを読み込む
2.openpyxlでシートを作成、書き込み
3.クライアント側でダウンロード

です。コードは以下のように書いています。

...
  methods:{
    export_plan_table: function(e) {
      e.preventDefault();
      let self = this;

      let data = {
        table_data: self.table_data,
      };

      axios({
        method: "POST",
        url: "http://0.0.0.0:5100/export_plan_table",
        data: data
      })
        .then(function(response) {
          console.log(response)
          let test_xlsx = response.data
          console.log("成功");
        })
        .catch(error => {
          console.log("失敗");
        });
    },
  }

@app.route('/export_plan_table', methods=["POST"])
def export_plan_table():

    req_data = request.data.decode('utf-8')
    received_json = json.loads(req_data)

    wb = px.Workbook()
    sheet = wb.active
　　 ...
    
    ...
    wb.save('test.xlsx')
    download_file_name = '{0}.{1}'.format(datetime.date.today(), 'xlsx')
    download_file = '../test.xlsx'
    XLSX_MIMETYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

    return send_file(download_file, as_attachment=True,
                     attachment_filename=download_file_name,
                     mimetype=XLSX_MIMETYPE)

##【現状できていること】
以上のコードによって、実現したいことの0,1,2までは完成しています。
3に関してですが、vue側にデータを受け取ることはできているのですが

1. ダウンロードダイアログが出てこないのと、
2. 受け取ったデータを確認するとエンコード?がうまくいっていない

という問題が発生しています。
様々なサイトを参考にしたのですが、解決できないので質問させていただきました。
ご回答いただけると幸いです。

参考にしたサイト

https://qiita.com/5zm/items/760000cf63b176be544c
https://www.yoheim.net/blog.php?q=20170801
https://tkkm.tokyo/post-177/

Answer 1

・最終的に以下のようなコードで実現できました。リクエストで

1. dataType
2. responseType

を指定する必要があったようです。

    wb.save('test.xlsx')
    download_file_name = 'test.xlsx'
    download_file = '../test.xlsx'
    XLSX_MIMETYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

    send_file(download_file, as_attachment=True,
              attachment_filename=download_file_name,
              mimetype=XLSX_MIMETYPE)

      axios({
        method: "POST",
        url: "http://0.0.0.0:5100/xxx",
        data: data,
        dataType: "binary",
        responseType: "blob"
      })
        .then(function(response) {
          let xlsx_file = response.data;
          let blob = new Blob([xlsx_file], {
            type:
              "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          });
          let link = document.createElement("a");
          link.href = window.URL.createObjectURL(blob);
          link.click();
          console.log("成功");
        })