2016-12-19 22 views
0

暗い空のAPIから気象データを取得しようとしていて、エラーが発生しています。 はここに私のコードです:私はエラーを取得する天気APIリクエストコルスエラー

var url = `https://api.darksky.net/forecast/febb2871126cd24613f32a79c32d4158/${lat},${lon}`; 
axios.get(url, config).then(response => { 
    this.setState({ 
     ... 
    }) 
}).catch(function (error) { 
    console.log(error); 
}); 

「XMLHttpRequestがロードできませんhttps://api.darksky.net/forecast/febb2871126cd24613f32a79c32d4158/38.5815719,-121.4943996いいえ 『アクセス制御 - 許可 - 起源』ヘッダが要求されたリソースの起源 『https://ebcperez.github.io』したがって、許可されていないアクセス上に存在しています。 "

+0

もし、サーバーがクロスオリジンリソース共有を許可していない場合は、 –

+0

は「chrome」でチェックします.IEはCORSで厳密です。 – ling7334

+0

@ ling7334 - すべてのブラウザはCORS上で厳格です - あなたはCORSロジックをオフにすることができたchrumの設定がありましたが、ブラウザをそのように実行すると、これまでに知られていた90年代のあらゆる悪用存在した –

答えて

1

Darksky APIサーバーはCORSを許可していないように見えるので、ブラウザからこのリクエストを行うことはできません。

可能な解決策は、アプリケーションサーバーからAPIリクエストを発行し、それをフロントエンドに表示することです。