web-dev-qa-db-ja.com

react.jsでCORSを許可する方法は？

Reactjsを使用し、JavaScriptでAJAXを使用してAPIを使用しています。この問題を解決するにはどうすればよいですか？以前はCORSツールを使用していましたが、CORSを有効にする必要があります。

javascriptajaxreactjscors
7
Shweta Singh

ReactJSのCORS問題を解決する方法

CORSは、サーバーがWebブラウザーを使用してその情報を読み取ることを許可されているオリジンのセットを記述できるようにする新しいHTTPヘッダーを追加することにより機能します。これは、クロスドメインを許可するようにサーバーで構成する必要があります。

この問題は、CORSと呼ばれるchromeプラグインによって一時的に解決できます。

3
RGarcia

サーバー側にCORSを有効にするコードを追加することをお勧めします。 NodeJSおよびExpressJsベースのアプリケーションでCORSを有効にするには、次のコードを含める必要があります。

var app = express();

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});
3
Rohit Sinha