スクラッチ開発のコンフィギュレーション・サーバ・インタフェースを行うには、クロスドメインの問題が発生しました。
コンソールのエラー:
いいえ「アクセス制御 - 許可 - 起源」ヘッダーは、要求されたリソース '上に存在します
と
Axios API呼び出し - ロードに失敗した、プリフライトの応答が無効(リダイレクト)であります
プリフライトのために負荷応答に失敗しました無効なHTTPステータスコード403を持っています
データが空の下に示すように、転送起因インターフェースの問題は、データがターゲット・サービス・インタフェースに渡されることができません。
次のように解決策がある要約したものです。
1.変更ローカルコンピュータのhostsファイル
Baiduは、このアプローチは推奨されません
2.リクエストヘッダを追加します。
options.mode =「は、心ありません」
ヘッダー:{ 'アクセス・コントロール-許可-起源': '*'、 'Content-Typeの': 'アプリケーション/ JSON'}、
完全な要求:
constのcommonUrl = 'http://www.X.com:8001'; CONSTオプション= {}; constのURL = commonUrl + '/ログイン/'; CONSTデータ= { 'パスワード': ''、 'ユーザ名': ''、 '電話': '' } options.method = 'ポスト' options.mode = '非CORS' options.body = JSON.stringify(データ) options.headers = { 'のContent-Type': 'アプリケーション/ JSON' } 戻りフェッチ(URL、オプション、{クレデンシャル: '含む'}) .then(のcheckStatus) .then(parseJSON) .then((RES)= > { 回调逻辑 }) .catch(ERR =>({ERR}))
3.背景クロスドメインインターフェイスコンフィギュレーションを可能にします。
:私はインター次のように構成ジャンゴ、Djangoはある使用
アセンブリジャンゴ-CORS-ヘッダーを使用して(1)
ピップジャンゴ・CORS-ヘッダをインストール
settings.pyの設定:
INSTALLED_APPS = [ 'corsheaders' ] ミドルウェア= [ 'django.middleware.security.SecurityMiddleware'、 'django.contrib.sessions.middleware.SessionMiddleware'、 'django.middleware.common.CommonMiddleware' #「django.middleware.csrf。 CsrfViewMiddleware」、 'django.contrib.auth.middleware.AuthenticationMiddleware'、 'django.contrib.messages.middleware.MessageMiddleware'、 'django.middleware.clickjacking.XFrameOptionsMiddleware'、 ] ボトム追加#: #クロスドメインの増加は無視 CORS_ALLOW_CREDENTIALS = Trueの CORS_ORIGIN_ALLOW_ALL = Trueの CORS_ORIGIN_WHITELIST =() CORS_ALLOW_METHODS =( 'DELETE'、 'GET'、 'オプション'、 'PATCH'、 'POST'、 'PUT'、 '表示'、 ) CORS_ALLOW_HEADERS =( '受け入れる'、 '受け入れるコードを'、 '許可'、 'コンテンツタイプ'、 'DNT'、 「原点」、 'ユーザエージェント'、 'X-csrftoken'、 'X-要求-と' )
このように解決するために