質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTTPヘッダー

Hypertext Transfer Protocol(HTTP)の中のHTTPヘッダフィールドはHTTPの要求やレスポンスの機能しているパラメーターが含まれます。その要求もしくはレスポンスライン(メッセージの最初の一行)でメッセージヘッダを作ります。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

1673閲覧

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

yochun02

総合スコア76

HTTPヘッダー

Hypertext Transfer Protocol(HTTP)の中のHTTPヘッダフィールドはHTTPの要求やレスポンスの機能しているパラメーターが含まれます。その要求もしくはレスポンスライン(メッセージの最初の一行)でメッセージヘッダを作ります。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/10/11 04:06

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で取得できるファイルを指定しているのと思われます。これをフロントで取得するにはどうすればよいのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問