javascript - 在 AJAX 上找不到到 JSON 文件的路径

Question

我有这个代码:

$(document).ready(function () {
            $('#table_id').DataTable({
                "ajax" : "../personas.json",
                "columns" : [
                    {personas : "id"},
                    {personas : "nombre"},
                    {personas : "apellido"},
                    {personas : "email"},
                    {personas : "confirmado"}
                ]
            });
});

但每次我刷新页面时，我都会收到 404 错误，告诉我它找不到 personas.json 文件，我尝试了各种放置它的方法，它是代码的一个目录。

截图:

我怎样才能到达那里？

Answer 1

我假设你在这里使用 express 因为你有 node_modules 和 package.json，如果我错了请留下评论，做以下内容:

• 添加目录并命名为public

• 将您的 json 文件移入其中

• 在您的 app.js(我相信这是您的主要 JS 文件)中确保您具有以下内容:

  app.use(express.static('public'))
  

• 更改代码 "ajax": "/personas.json",

  $(document).ready(function () {
  
          $('#table_id').DataTable({
              "ajax" : "/personas.json",
              ...
          });
  });
  

可以找到有关提供静态文件的更多信息 here