私は現在、Meteor Reactアプリケーションを開発しています。これはostrio:filesパッケージを使用してオーディオファイルをFilesという名前のコレクションに格納しています。別の(通常のMongoの)コレクションでは、私はオーディオファイルへのリンクを含む文書を「参加」する変換関数に次のコードを使用しています:Meteor FSのリンクは404エラーにつながります
transform: function(doc){
let curAudio = doc.audio;
let audioFile = Files.collection.findOne({_id: curAudio.file_id});
if(audioFile){
curAudio.audioLink = Files.link(audioFile);
curAudio.audioLength = audioFile.meta.length;
curAudio.audioSize = audioFile.size;
doc.audio = curAudio;
}
return doc;
}
これは、結果のオーディオとして、うまく動作するようです.audioLinkは
http://localhost:3000/cdn/storage/files/8Q7WwEXyJSkNWwFQa/original/8Q7WwEXyJSkNWwFQa.m4a
ようなものです。しかし、私はファイルを再生できるようにするには、この
<audio controls preload="none" style={{width: "480px"}}>
<source src={track.audioLink} type="audio/mp4"/>
<p>Your browser does not support HTML5 audio.</p>
</audio>
ような何かをしようとしたとき、私はの再生ボタンをクリックするまで、すべてが動作しますHTML5プレーヤー次に、chromeがコンソールに出力し、ファイルがロードされるとサーバーが404を返したことを示します。私は、アドレスバーにリンクを入れてテストし、ここでは、サーバーの応答がちょうど
File Not Found :(
で誰もがこの問題を解決する方法のアイデアを持っていますか?