使用javascript，Rails 5从资产加载json文件答案

【问题标题】：load json file from assets with javascript, Rails 5使用javascript，Rails 5从资产加载json文件
【发布时间】：2017-12-22 03:40:00
【问题描述】：

我正在使用 javascript cdn，使用这个particle.js 的部分要求是从资产目录加载一个 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文件放在哪里，我应该怎么称呼它？

【问题讨论】：

标签： ruby-on-rails

【解决方案1】：

如果你想展示 Asset Pipeline 中的particles.js，你应该使用<%= asset_path 'particles.json' %> 并选择一个目录：

应用/资产
库/资产
供应商/资产

或者只是将文件放入公共目录（显示没有预编译资产）：

public/yourfolder/particles.json
http://localhost:3000/yourfolder/particles.json

【讨论】：

我在 example.html.erb 中写错了<%= asset_path 'assets/javascript/particles.json' %>。相反，将您的.json 文件放在app/assets/javascript 文件夹中，然后将代码编写为<%= asset_path 'particles.json' %>，它会为您找到它。