Rails是否阻止JavaScript读取本地JSON文件？遇路径问题求助

首先明确一点：Rails并没有刻意阻止JavaScript读取JSON文件，你遇到的404问题，根源在于Rails的静态资源管理规则和你的文件存放位置不匹配。

问题原因拆解 #

1. 目录用途不匹配：你把data.json放在了app/helpers目录下——这个目录是Rails专门用来存放服务器端辅助方法文件的，不属于Rails默认的静态资源暴露目录。当浏览器通过HTTP请求http://localhost:3001/app/helpers/data.json时，Rails的静态资源处理器不会去这个目录查找文件，直接返回404。
2. 服务器端读取不受限制：而你在控制器里用File.read是直接在服务器的文件系统上读取文件，完全绕开了静态资源的路由规则，所以能成功读取到文件内容。

解决方案 #

下面提供两种常用的解决方式，你可以根据自己的需求选择：

方案1：将JSON文件移到静态资源目录

Rails默认会把app/assets、lib/assets、vendor/assets这几个目录下的文件作为静态资源暴露给前端。推荐你新建app/assets/json目录，把data.json放进去，然后修改JavaScript代码：

$.getJSON("/assets/data.json", function (data) {
  $.each(data, function (index, value) {
    console.log(value);
  });
});

注意：在生产环境下，Rails会给静态资源加上指纹（比如data-abc123.json），直接写固定路径可能会出错。更稳妥的方式是在ERB模板中用Rails的asset_path助手生成正确路径：

<script>
$.getJSON("<%= asset_path('data.json') %>", function (data) {
  $.each(data, function (index, value) {
    console.log(value);
  });
});
</script>

方案2：通过控制器动作返回JSON

如果你的JSON内容需要动态生成，或者不想移动文件位置，可以通过控制器封装一个接口来返回JSON：

1. 在目标控制器（比如PagesController）中添加动作：

def data
  json_content = File.read(Rails.root.join('app', 'helpers', 'data.json'))
  render json: json_content
end

2. 在config/routes.rb中添加对应的路由：

get 'data', to: 'pages#data'

3. 最后修改JavaScript代码请求这个接口：

$.getJSON("/data", function (data) {
  $.each(data, function (index, value) {
    console.log(value);
  });
});

额外提醒 #

• 不要尝试让前端直接访问app/helpers、app/controllers这类服务器端目录，Rails的架构设计就是把这些目录的内容隐藏起来，避免暴露服务器端的代码结构，这也是安全层面的考量。
• 如果是在开发环境中新增了静态资源目录，记得重启Rails服务器，这样新目录才能被静态资源处理器识别。

内容的提问来源于stack exchange，提问作者Fillype Farias