d3.js 404 json 找不到文件

Question

我正在尝试在此处使用 d3.js 示例代码：https://bl.ocks.org/ChumaA/385a269db46ae56444772b62f1ae82bf

在这种情况下，我使用视图 jade/express/node 来加载它，但是我收到 mockelasticdata.json 文件的 404 错误，我相信我正在正确地路由它。我提供了照片来显示目录路径和 chrome 控制台错误。

控制台错误：

目录路径：

编辑：这里是 json 使用 d3 读取数据的调用

      d3.json('src/mockelasticdata.json', function(error, mockdata) {
          if (error) return console.error(error);
          console.log('mockdata',mockdata);
          mapdata = mockdata;
          draw(mockdata)
      });

Answer 1

您正在尝试访问 src 目录中的文件。构建项目后运行，该目录不存在。

将 JSON 文件移动到 public 目录中。这是将提供所有静态、未路由文件的地方。

d3.js 404 json 找不到文件

d3.js 404 json file not found

javascript

node.js

http-status-code-404

d3.js