2017-07-17 14 views
0

(ReactJSコード付き)JSXファイルへの同じリンクがオンライン細かい開かれた=「テキスト/バベル」のリンクタイプをロードすることはできませんlocalhostではなく、NodeJSのlocalhostがエラーでそれを開きます。NodeJSは、XMLHttpRequestのは

"XMLHttpRequest cannot load http://.../js/r1BodyBabel.js. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access." 

は何ですか問題?

答えて

0

これはNodeJSまたはReact/JSXの問題ではありません。ファイルシステムから直接コンテンツを読み込む際に、Chromeやその他のブラウザはCORSの制限を守って動作します。

拡張機能でChrome CORSの動作を無効にすることができます。それらのいくつかがあり、キーワード "CORS"で見つけることができます。

0

あなたのヘッダー要求から自信を持って、それはこれらの権限

headers: { 
       'X-Requested-With': 'XMLHttpRequest', 
       "Access-Control-Allow-Origin" : "*" , 
       "Access-Control-Allow-Methods" : "GET", 
       "Access-Control-All-Headers": "Origin, X-Requested-With, 
        Content-Type, Accept, Key", 
       "Content-Type" : 'multipart/form-data' 
      } 

を取る必要があり、あなたがローカル・サーバーを使用する場合は、あなたのクロムにこのツールを追加すると、あなたのURLを追加するときは、 http://localhost:3000 Allow-Control-Allow-Origin: *をこのツール を追加する必要があります