axios - CORSポリシーによってブロックされました:リクエストヘッダフィールドのコンテンツタイプがプリフライト応じてアクセス制御 - 許可 - ヘッダによって許可されていません。

プロジェクト、あなたはaxiosクロスドメインリクエストが発生した場合、このエラー:

XMLHttpRequestへのアクセス「のhttp:// XXX:3000 / API /追加」起源から「のhttp:// localhostを:8080」CORSポリシーによってブロックされました:リクエストヘッダフィールドのコンテンツタイプがで許可されていないアクセス制御 - 許可しますプリフライト応答で-headers。

 ソリューション:

クロスドメイン設定:

//は、クロスドメインリクエスト設定
app.all(「*」、関数(REQ、RES、次へ){ 
  //セットリクエストヘッダを
  すべてのソースへのアクセスが許可// 
  (「アクセス制御、許可res.header -Origin」、「* 「)
  //リクエストや伝統のAjaxからのリクエストを判断するためのres.header( 『アクセス制御-許可-ヘッダ』、 『原点、X-要求-With-、Content-Typeの、受け入れを』); 
  //アクセス方法を許可します
  res.header( 'アクセス制御-許可-方法'、 'PUT、POST、GET、DELETE、OPTIONS')
  //プログラム情報の修正版
  res.header( 'X--によって供給 '、 '3.2.1' 
  //コンテンツタイプ:この属性は、POST要求を指定する必要がある場合
  res.header( 'コンテンツタイプ'、 'ファイルアプリケーション/ JSON;のcharset = UTF-8')、
  次に()
})
  

 ContentTypeを、アプリケーション/ JSONである場合、それは二回リクエストが送信されます。

まず、第1の方法は、サーバーのオプションにリクエストを送信することで、要求が尋ねるどんなリクエストメソッド(GET、POSTなど)サーバーのサポート、クラスのサポートを要求し、サーバ・サポート・ケース。

我々は、サーバーの規則の要求を満たすために用意されている場合は、それ以外の場合は、コンソールにエラーになり、第2の要求を送信し続けます、要求が戻るまで待ってください。

 

おすすめ

転載: www.cnblogs.com/Super-scarlett/p/12545724.html