問題タブ [axios]

これは教育プロジェクトであり、生産用ではありません。これの一部としてユーザー ログインを行うつもりはありませんでした。

ユーザーのログインなしで、CSRF トークンを使用して Django への POST 呼び出しを行うことはできますか? jQueryを使わずにこれを行うことはできますか? 私はここで深みがなく、確かにいくつかの概念を混同しています。

JavaScript 側では、このredux-csrfパッケージを見つけました。POSTAxios を使用してアクションと組み合わせる方法がわかりません。

Django側では、CSRFに関するこのドキュメントと、クラスベースのビューの一般的な操作に関するこのドキュメントを読みました。

これまでの私の見解は次のとおりです。

csrf_exempt今のところこれを心配する必要がないようにデコレータを使用してみましたが、それがどのように機能するかはわかりません。

{% csrf_token %}テンプレートに追加しました。

これは私のgetCookie方法です（Djangoのドキュメントから盗まれました）：

Axios CSRF情報を変更する必要があることを読みました：

実際のトークン、呼び出しから取得した値をどこに貼り付けますgetCookie('csrftoken')か?

ちょっと私は新しいのですが、私の要件は、ユーザーがボタンをクリックすると ajax get リクエストがサーバーに送信され、受信した応答に基づいて html を準備して表示する必要があるということです。以下は私のコードです。動作していません..使用してjqueryで解決できますが、axiosをasync: false使用して解決する方法を使用する必要はありません

React-Redux を使用して Web アプリケーションを開発しており、別のドメインの nodejs で API にリクエストを作成しています。

ユーザーをログインさせるために、認証情報を API に送信します。認証情報は API によって検証され、JWT として返されます。ExpressJS を使用してこれを実行しようとしているので、API のログイン パスに次のように記述します。

問題は、Cookie がセッションに追加されていないことです。Mozilla を使用すると、Set-Cookie プロパティが正しい Cookie を含むヘッダーにあることがわかりますが、リソースには表示されません。

また、DHC を使用していくつかのテストを行いました。DHC を使用すると、Cookie がセッション Cookie に正常に保存されます。

私は持っている

私のウェブサイトとAPIの両方で。ウェブサイトでは、react モジュール axios を使用してリクエストを作成しています。API では、Cookie を処理するために cookie-parser を使用しています。これらは私のミドルウェアです（APIとアプリの両方）：

これは私の要求です:

これは私の応答です：

私はこのようなインターセプターを持っています

すべてが機能していますが、私の場合、1 つの React コンポーネントで 4 つの API 呼び出しがあり、このエラーが発生した場合、同じコードが 4 回実行されます。つまり、4 回更新トークンを送信して認証トークンを取得し、明らかに一度だけ実行したい

axios を使用して al React Flux アプリで Ajax リクエストを作成しようとしていますが、状態が設定された後にデータを取得します。

私はルートアプリにこのコードを持っています:

API リクエストは次のようになります。

actions/initialData.js には次のものがあります。

ストア内：

ビューで：

console.log で:

状態: オブジェクト {posts: Array[0]}

状態: オブジェクト {posts: Promise}

postsApi.js:7 すべての投稿: [オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト...]

そして問題は、ajax リクエストが の後であることcomponentDidMountです。

Flask-Restful API をローカルで実行し、JSON を含む POST リクエストを別のポートから送信しています。エラーが発生します

ただし、実行すると

私は得る

「Access-Control-Allow-Origin」を「*」として示します。GET は問題なく動作します。このエラーが発生するのは POST だけです。何がうまくいかないのですか？関連する場合は、フロントエンドに反応を使用し、axios を介して要求しています。

axios promise の結果が render 関数に表示されない理由がわかりません。ところで、私は create-react-app ツールを使用しています。