個人的な開発とテスト環境は、ローカル、オンラインクロスドメイン環境を経験した問題ではありません、nginxの前方
ソリューション:
1.クロスドメインとは何ですか
ブラウザウィンドウ、およびセッションの前提を確立するために、異なるソースが要求を提出したこれら3つの属性のいずれかを使用するには、「プロトコル+ドメイン+ポート番号」を介して、サーバでは、ブラウザは思うだろうあなたは、クロスドメインブラウザの同一生成元ポリシーに違反しています
解決方法2:3つの方法
方法1:インストールのジャンゴ - CORS-ヘッダ
ジャンゴ・CORSヘッダをダウンロード
pip install django-cors-header
Settings.py設定ファイル
INSTALLED_APPS = [
...
'corsheaders',
...
]
MIDDLEWARE_CLASSES = (
...
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware', # 注意顺序
...
)
#跨域增加忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
'*'
)
CORS_ALLOW_METHODS = (
'DELETE',
'GET',
'OPTIONS',
'PATCH',
'POST',
'PUT',
'VIEW',
)
CORS_ALLOW_HEADERS = (
'XMLHttpRequest',
'X_FILENAME',
'accept-encoding',
'authorization',
'content-type',
'dnt',
'origin',
'user-agent',
'x-csrftoken',
'x-requested-with',
'Pragma',
)
方法2:使用JSONP
アヤックスを使用する場合は、JSONデータ、クロスドメインの制限を取得します。ただし、Webページのスクリプトファイルの呼び出しjsのスクリプトは、クロスドメインには影響を与えないShique、JSONPがクロスドメインの伝送を実現するためにこれを使用することです。したがって、我々は、Ajax、JSONの代わりにJSONP形式(対応するAPIもJSONPをサポートする必要がある)からデータ型を呼び出す必要があります。要求だけを取得するために使用することがJSONP
直接ジャンゴでファイルを変更3. views.pyプログラムが、原理は、要求ヘッダーを変更することです
他のドメインのAjaxによるデータ要求を許可するAPI機能の実装に対応するviews.py変更します。
def myview(_request):
response = HttpResponse(json.dumps({“key”: “value”, “key2”: “value”}))
response[“Access-Control-Allow-Origin”] = “*”
response[“Access-Control-Allow-Methods”] = “POST, GET, OPTIONS”
response[“Access-Control-Max-Age”] = “1000”
response[“Access-Control-Allow-Headers”] = “*”
return response