2017-04-25 3 views
1

にそれを解析使用してリモートファイルを、私は私がフェッチ経由でファイルをつかんでトラブルを抱えているmarkedロードMD APIをフェッチ私が使用した.mdファイルをロードするAPIをフェッチし、クライアント/ブラウザ

を使用してそれを解析する必要がありますapi、私はresponse.blob()response.arrayBuffer()と何も戻ってきていません。

fetch('http://s3.amazon.com/some_bucket/some_file.md') 
.then(response => response.blob()) 
.then(result => console.log(result)); 

結果を受け取り、リアクションコンポーネントに渡してレンダリングします。私はそれを(npmから)印を付けて解析します。

ご協力いただければ幸いです。

答えて

1

No 'Access-Control-Allow-Origin' header is present on the requested resource.エラーが返ってきたとします。つまり、ドメイン間のリクエストがあり、Same-origin policyに違反しています。

基本的には、S3バケットでCORS(Cross-Origin Resource Sharing)を有効にする必要があります。正確にそれを行う方法、あなたはread hereすることができます。

fetch('https://crossorigin.me/http://s3.amazon.com/some_bucket/some_file.md') 
.then(response => response.blob()) 
.then(result => console.log(result)); 

要求を成功させる必要があります。

また、単に簡単なテストとして、あなたは、このようなhttps://crossorigin.me/をフェッチしようとしているURLにプレフィックスを付けることができます。しかしこれはテスト用です。

+0

お返事ありがとうございます。私は実際にはエラーが発生していない、私はブラウザにリンクを置く場合、私は直接ファイルをダウンロードすることができます。 –

+0

実際にあなたは正しかった、それはcorsエラーだった、ありがとう –

関連する問題