問題タブ [axios]

私はそれを作ろうとしているので、ajaxリクエストを行うと、リクエストが終了すると（成功したかどうかにかかわらず）プリロードが表示されなくなります。

私は Axios を使用しており、リクエストとレスポンス用のインターセプターがあります。今リクエストをしようとしています。

私の setPreloader(true) がヒットしても何も起こりません。何も発送されません。これはreactコンポーネントでしか行ったことがないので、何か他のことをする必要があるかどうかはわかりません。

更新 2:

別の更新 - 私はこの 1 つの問題に取り組んでいます。redux-form からの値がアクションに送信されますが、これにまで絞り込まれます。

コンソール ログ エントリも表示されません。ただし、単純なコンソール ログのみを使用した同じ機能は機能します。

export function signinUser() { console.log('実行しようとしている関数'); }

アップデート：

動作するコードと動作しないコードの唯一の違いはredux-formとimmutablejsです。これらを動作中のアプリに移植しようとしましたが、動作は同じです。

私は自分のフォームを送信し、redux-formvaluesを関数に送信しています。ここで、値を axios に渡すために使用values.get('email')しています。values.get('password')

ログインフォームがあり、onSubmitアクションをディスパッチする関数に値を渡しています。

コードはフォークしたリポジトリで機能しますが、自分のアプリに転送しています。私が抱えている問題は、関数が起動していないように見えることであり、console.logステートメントを追加する場所を見つけるのに苦労しています。

console.log発火するのは2行目だけです。

GET 要求の URL パラメーターを介して API キーを渡そうとしています。

ただし、リクエストを送信するときに、Axios が API キーの文字をエンコードしていることに気付きました。これにより、API はキーを認識できなかったため、リクエストを拒否します。

Axios が GET パラメータをエンコードしないようにするにはどうすればよいですか?

レビューを投稿するための反応ページがレンダリングされる restaurant_detail.html の script タグ内で window.CSRF_TOKEN = "{{ csrf_token }}" を使用しました。ただし、エラーが発生します。私のonSubmit関数では、csrfトークンが渡されたかどうかを確認するためにコンソールを作成しましたが、そうです。

レビューを投稿するための私のaxiosコードは

API/Views.py

serializers.py

urls.py

restaurant_detail.html

どうすればこれを解決できますか?

Web アプリ、特にファイルのアップロードで作業しているときに、アラートを呼び出した後、Chrome に警告が表示されました。

マイクロタスクの実行中に「alert()」を呼び出すことは非推奨であり、2016 年 9 月頃に M53 で削除される予定です。詳細については、https: //www.chromestatus.com/features/5647113010544640 を参照してください。

ただし、私の状況では呼び出しは正当であり、M53 がリリースされるとコードが機能しないのではないかと少し心配しています。アラートを使用して本番環境に出荷するわけではありませんが、テストには非常に価値があることに注意してください。

状況：

反応を使用して typescript でアプリを開発しています。httpリクエストを行うためにaxiosを使用しています。基本的に、http-post は次のようになります。

次に、呼び出し元のメソッドで、エラーが発生した場合にアラートをポップして、テスター/開発者に確実に通知されるようにします。このようなちょっと：

これは、クロムが警告を表示するときです。

まず、リクエストが完了してエラーが返されるまでアラートが表示されるため、警告が正当化されるかどうか疑問に思っています。だから私はそれが何もブロックしていないと確信しています。

正当な理由がある場合、とにかくアラートを表示できるようにするにはどうすればよいですか?

これはばかげているように思えるかもしれませんが、Axios でリクエストが失敗したときにエラー データを取得しようとしています。

文字列の代わりに、おそらくステータス コードとコンテンツを含むオブジェクトを取得することは可能ですか? 例えば：

API呼び出しにfluxとaxiosで反応を使用しています。ネストされたAPI呼び出しを実装しました。APIからデータを正しく取得しており、コンソールに正しく表示されますが、ネストされたAPI呼び出しデータがコンポーネントにレンダリングされないという問題があります。私のコード

componentWillMount のストアでこのメソッドを呼び出しました

このcurlリクエストをjavascriptのajax呼び出しにするにはどうすればよいですか? （生のjsまたは任意のライブラリでの回答は問題ありません）

カール：

curl -H "Content-Type: application/json" -d '{"foo":0, "bar": 0, "baz":"test"}' -X GET http://localhost:8080/public/v1/state/HelloWorld

ajax 呼び出しで試した URL (404 エラーが発生します):

GET http://192.168.56.101:8080/public/v1/state/HelloWorld?foo=0&bar=0&baz=test

コード

私はこのコミュニティに不慣れです。実際、私はReactを使用して小さなプロジェクトを行っており、サーバーはmongodbデータベースを使用してエクスプレスおよびノー​​ドjsで実行されています。

小さいファイルの場合は、通常どおりサーバーと通信できますが、大きなファイルをアップロードすると、データをサーバーに送信できません。空のオブジェクトがサーバーに送信されます。

そしてクライアント側はそのエラーを示しています

「要求されたリソースに 'Access-Control-Allow-Origin' ヘッダーが存在しません。したがって、オリジン ' http://localhost:8000 ' はアクセスを許可されていません。応答には HTTP ステータス コード 413 がありました。」

インターネットで解決策を何時間も検索しましたが、解決策はありません。

誰かがこれから私を助けることができますか...?