CORS実験ページ

🌐 CORS実験ページ（WEB版）

使い方:
1. Django API URLは変更するとエラーにるので何もしないでください。
2. 各ボタンをクリックして、CORSの動作を確認してください。
3. 使い方はhttps://kikuichige.com/33006を参照してください。

Django API URL:

📝 基本的なGETリクエスト

最もシンプルなCORSテストです。リクエストが成功する = CORSが正しく設定されている証拠です。

🔧 開発者ツールでCORSヘッダーを確認する方法:
1. F12キーを押して開発者ツールを開く
2. Networkタブをクリック
3. 左の「GET /api/hello/」ボタンをクリック
4. Network欄に表示されたhelloをクリック
5. Response Headersセクションで以下を確認:
• access-control-allow-origin: http://localhost:3000
• content-type: application/json

💡 重要: access-control-allow-originがあなたのオリジンと一致していればCORSは正常です！

🔒 認証付きリクエスト

Authorization ヘッダーを使った認証付きリクエスト。Access-Control-Allow-Headers に authorization が含まれるかチェック。

JWT Token:

🌐 CORS実験ページ（WEB版）

📝 基本的なGETリクエスト

📤 POSTリクエスト (JSON)

🔒 認証付きリクエスト

🍪 Cookie認証リクエスト

📊 リクエスト履歴