プリフライトの応答が無効です（リダイレクト）エラーが発生しました

Question

test4 =() => { 

     var xhr = new XMLHttpRequest(); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState == 4 && xhr.status == 200) { 
       var xmlDoc1 = xhr.responseText; 
       console.log("?", xmlDoc1) 
} 
     xhr.open("GET",'http://www.naver.com'); 
xhr.open("Access-Control-Allow-Origin",'http://www.naver.com'); 
     xhr.send(); 
     } 
    } 

componentDidMount() { 
this.test4() 
} 

error ==> XMLHttpRequestはhttp://www.naver.com/をロードできません。プリフライトの応答が無効です（リダイレクト） 助けてください...

Answer 1

ここにはいくつかの問題があります。主に、CORSはwww.naver.comへのXHRの実行を妨げています。 www.naver.comにこれらのタイプのリクエストを許可するよう指示する方法がない限り、ブラウザクライアントからはアクセスできません。

まず、.openメソッドは、リクエストにヘッダーを追加するために使用されません。次に、Access-Control-Allow-Originはリクエストヘッダーではなくレスポンスヘッダーです。クライアントがサーバーに許可されたアクセス制御を宣言できるようにすることは、ほとんど意味がありません。 Ref：MDN