問題タブ [axios]

設定しましたaxios.defaults.timeout = 1000;

API を提供するサーバーを停止しました。

ただし、リクエストを送信してからタイムアウトするまでに 1 秒以上かかります。

これは私の要求がどのように見えるかです:

私も試しました：

Axios はフェッチを停止せず、5 ～ 10 分後に最終的にネットワーク エラーが表示されます。タイムアウトを処理する他の手法があることは理解していますが、axios のタイムアウト機能が機能しないのはなぜですか? axios がフェッチを停止しない理由は何でしょうか?

アクシオス バージョン 0.9.1

編集: コメントで述べたように、私も試しました:

React-Redux アプリで 2 つのルートを作成しました。ホームページとコールバック URL を含む github アプリケーション設定を既に追加しています。

1. このルートをたどると : https://reduxapp.herokuapp.com/signin Github ログイン ボタンをクリックします ==> githubGeturi

2. Github はコードhttps://reduxapp.herokuapp.com/auth/callback?code=9536286a59228e7784a1 でリダイレクトし、githubSendCode ('9536286a59228e7784a1') アクションがトリガーされます

ネットワーク呼び出しで OPTIONS 呼び出しが通過することを確認できますが、POST 呼び出しは発生しません。コンソール エラーが表示されます。

以下は私のアクション関数です：

======== 私が見つけた唯一の可能な方法は、サーバーで POST 呼び出しを行うことです。ここでソリューション全体を表示できます: https://github.com/steelx/ReduxWeatherApp/commit/6215634ca543a4760ea96397fe31b61f22184d91

私は React 、 Redux を数か月前から使用しています。エコシステムで最も紛らわしい部分の 1 つは、非同期データ フローです。多くの優れたソリューションが利用可能であり、問​​題に適したソリューションを選択することは難しい部分です.

私のアプリケーションでは、アクション クリエーターはほとんどの場合、バックエンドAPI に対して async axios [ajax] 呼び出しを行います。Redux-Promise をミドルウェアとして注入すると、非同期データ フローの問題が解決されます。

スケーラブルなアプリを考えると、アクション クリエーターで複数の axios 呼び出しをチェーンする必要があるかもしれません。Redux-Promise をミドルウェアとして引き続き使用できると思います。これにより、アプリの非同期データ フローが処理されます。

一般的に、チームは Redux-Thunk を使用する傾向が強く、この問題の構文がより複雑に感じます。私のアクション作成者のほとんどが axios 呼び出し (約束) のみを行っていることを考慮して、これら 2 つのフレームワークを評価する際に提案が必要です。Redux-thunk hereに関する多くの議論を見てきました。thunk がいかに役立つかを理解しました。. しかし、Promises のみに使用する場合に Redux-Promise と Redux-Thunk を一緒に評価することについて、さらに明確にする必要があります。そのような状況でどのミドルウェアが優れているか、またその理由は? Redux-Promise よりも Redux-Thunk を使用すると、どのような利点がありますか? それともありませんか？

ページが読み込まれ、完全に機能しますが、単体テストを実行しようとするとaxios is not defined.

私のコードは次のようになります。

ライブラリはアプリケーションのインデックスにあります。例:

私のlist.jsファイルで私はref. 次のような axios:

私のテストコードで私は参照します。反応モジュールは次のとおりです。

テストを実行すると、次のようになります。axios is not defined

単体テストの実行中に axios を定義するにはどうすればよいですか?

Promise.all()次のように、一連のaxios.get()呼び出しを行い、続行する前にすべてが返されるようにするために使用しています。

関数getJSON1()とは次のgetJSON2()ようになります。

これはすべて正常に機能していますが、webpack の処理が完了したときに axios を fetch に置き換えると、最終的な bundle.js のサイズが小さくなるのではないかと考えています。

このブログに従ってfetch polyfillを試し、webpack に統合していますが、fetch を使用するように調整する方法がわかりません。私は次のことを試しました：getJSON1()

これによりTypeError: Object is not a constructor (「新しい Promise」を評価) が発生します。

axios で不明な数 (1 つ以上) の AJAX リクエストを処理する必要がありますが、応答の処理方法がわかりません。次のようなものが欲しい：

引数には、axios によって送信されたコールバック応答が含まれます。問題はarguments、実際の応答ではなく、指定された文字列 URL が含まれていることです。この問題を解決するにはどうすればよいですか?

promise と axios についていくつか質問があります。

以下の axios の例では、キャッチ コードを実行するためにどのように定義されているのか疑問に思っています。

応答の http ステータス コードに基づいていますか? 400くらい？

ありがとう。

サーバーに画像をアップロードする方法を教えてください。私は反応を使用していますが、これまでのところ、コントローラーは次のようになっています。

反応とaxiosでアップロードすると、ファイルは= nullを示します:

しかし、郵便配達員でアップロードすると正常に動作します