外部APIの呼び出し時にCORS/Originエラーが発生する

Question

私はlocalhostを使用しているバックエンドのないリアクションアプリを持っています。コンポーネントには、外部APIを呼び出してデータを取得するハンドラがあります（onClick）。状態は、APIの戻り値となるように修正されます。

その呼び出しのためのコード：

fetch(statsURL) 
    .then(function(response) { 
     return response.resultSets.rowSet 
    }) 

これは、次のエラー発生します。ネットワークの詳細は

を、私は200のOKステータスコードを得るか、ここでヘッダ情報は以下のとおりです。

ご意見がありましたら教えてください。ありがとう

Answer 1

YQLを使用して、CORSヘッダーで提供されていないリソースを要求できます。提案のためのfetch()コール使用Response.text()、Response.json()、Response.blob()またはResponse.arrayBuffer()

fetch(statsURL) 
.then(function(response) { 
    return response.json() 
}) 
.then(function(data) { 
    console.log(data.resultSets.rowSet) 
}) 
.catch(function(err) { 
    console.error(err) 
})