react バックエンドで作成したファイルをResponseから取り出す方法

react(フロント)からバックエンドにファイル作成リクエスト->バックエンド側でリクエストを受け取りレスポンス->フロントでファイルダウンロード

という一連の流れを行いたいのですが、フロント(react+redux-tool)でレスポンスを取得する段階でエラーが起こってしまします。リクエスト(POST)には成功しています。

APIサーバ(バックエンド)から受け取るレスポンス

HTTPHeaders
1Vary:	                             Accept-Encoding
2Referrer-Policy:	                  origin-when-cross-origin, strict-origin-when-cross-origin
3X-Frame-Options:	                  DENY
4X-XSS-Protection:	                 1; mode=block
5Content-Disposition:	              attachment; filename="test.txt"
6X-Content-Type-Options:	           nosniff
7Content-Security-Policy:	          connect-src 'self'; style-src 'self' 'unsafe-inline' fonts.googleapis.com; base-uri 'none'; font-src 'self' fonts.gstatic.com fonts.googleapis.com; default-src 'self'; object-src 'none'; img-src 'self' data:; script-src 'self' 'unsafe-eval' 'unsafe-inline'
8X-Permitted-Cross-Domain-Policies:	master-only
9Date:	
10Sat, 10 Oct 2020 08:03:48 GMT
11Content-Type:	                     text/plain
12X-Content-Encoding-Over-Network:      gzip
13Transfer-Encoding:	                chunked

このレスポンスデータからtest.txtファイルをダウンロードするための実装方法が分かりません。bodyには作成するファイルの中身が入っています。
http通信について理解出来ていないのもありますが、Content-TypeとContent-Dispositionで取得できるファイルを指定しているのと思われます。これをフロントで取得するにはどうすればよいのでしょうか？