【DRF】django-cors-headersを使ってCORS設定を行う

2021-08-242024-03-23

当ページのリンクには広告が含まれています。

django REST frameworkを使って、APIエンドポイントをフロントエンドから叩く場合にはCORSの設定が必要です。

今回は設定方法をご紹介いたします。

Django／DjangoRESTframeworkについて記事まとめ

詳細はこちら

django-cors-headersのインストール

pipでインストールします。

(venv)$ pip install django-cors-headers

corsheadersを追加します。

INSTALLED_APPS = [
    ・・・   
    'rest_framework',
    'api',
    'corsheaders', # ここに追加
　　・・・
]

corsheaders.middleware.CorsMiddlewareを追記します。

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware', # ここに追加
    'django.middleware.security.SecurityMiddleware',
    ・・・
]

CORS_ORIGIN_WHITELISTを追加し、フロントエンドで通信したいURLを記入します。

CORS_ORIGIN_WHITELIST = [
    'http://localhost:3000', # ここに追加
]

よかったらシェアしてね！