2017-08-30 4 views
0

フロントエンドのReact Appを接続したときにエラーが発生しました。Herokuサーバアプリケーションとフロントエンドからリクエストを発したときこの問題を取得しています:herokuサーバとReact Appとの接続中にエラーが発生しました

https://hidden-reaches-90171.herokuapp.com/GETDATAの読み込みに失敗しました:いいえ 「アクセス制御 - 許可 - 起源」ヘッダは、要求された たリソース上に存在しています。したがって、オリジン 'http://localhost:3000'は許可されません。

誰もがこの問題ゾルに直面することができます おかげ

+0

あなたのアプリはHerokuでホストされていますか? – SabirAmeen

+0

はい私のアプリはHerokuでホストされています –

答えて

0

はnodejsであなたのメインサーバのファイルに次のコードを試してみて、私が間違っているの何私を導いてください。

app.all('/*', function(request, response, next) { 
    response.header("Access-Control-Allow-Origin", "*"); 
    response.header('Access-Control-Allow-Methods', 'GET, PUT, POST, DELETE, OPTIONS'); 
    response.header('Access-Control-Allow-Headers', 'Origin, Content-Type, Accept'); 
    if (request.method == 'OPTIONS') { 
    response.status(200).end(); 
    } else { 
    next(); 
    } 
}); 
関連する問題