javascript、Rails 5で資産からjsonファイルをロード

Question

私はjavascript cdnを使用しています。このparticle.jsを使用するための要件の一部はassetsディレクトリからjsonファイルをロードすることです。これは私のhome.html.erbのようです。

<div class="fluid-container" id="particles-js"> 
    <h1>Hello This is a test for particles.js</h1> 
    <p>Well does it work?</p> 
</div> 

<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"> 
</script> 

<script> 
    particlesJS.load('particles-js', 'assets/particles.json', function(){ 
     console.log('particles.json loaded...'); 
    }); 
</script> 

私はまた、コンソールの結果は/app/assets/particles.json

でparticles.jsonを作成：

particles.js：1539 GET http://localhost:3000/assets/particles.json 404（見つかりません）

実際にparticles.jsonファイルを配置する必要があります。どのように呼び出す必要がありますか？

Answer 1

アセットパイプラインからparticles.jsを表示したい場合は、あなたが<%= asset_path 'particles.json' %>を使用し、一つのディレクトリを選択する必要があります

• アプリ/資産
• のlib /資産
• ベンダー/資産

を

ファイルをパブリックディレクトリに置くだけで（アセットをプリコンパイルせずに表示）：

• 公開/ yourfolder/particles.json
• http://localhost:3000/yourfolder/particles.json