「Django REST Framework + NextJSでインスタ風画像投稿サイト構築」でクロスドメイン制約で引っ掛かり新規投稿が出来ません。
解決済
回答 2
2022/10/10 12:31
質問内容

実現したいこと

新規投稿させたいです。

発生している問題

「送信」ボタンを押しても反応せず新規投稿ができません。 ブラウザの開発者ツールで「送信」ボタンを押して出ているエラーを確認したところ、どうやらdjangoに送信する過程でクロスドメイン制約でひっかかって送信出来ていないようです。

何をどのようにすればよいでしょうか? 初歩的な質問で申し訳ございません。

ソースコード

はるさんのソースコードをコピーしました。

自分で試したこと

ブラウザの開発ツールを立ち上げ、「送信」ボタンを押すと下記のエラーが表示されるのを確認しました。

Access to fetch at 'http://localhost:8000/api/posts/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

補足情報

回答 2
ベストアンサーを選択すると、解決済みとなります。
nodata
まだ回答がありません
回答
nodata
回答するにはログインが必要です