Javascript 尝试从json文件获取数据时出现问题

我在尝试获取数据时遇到一些问题，没有得到响应。 我写的路径正确吗？ 我附上了我的项目层次结构的代码和图片的一部分

let transportation = [];


const init = () => {
  fetch('/data/transportationDataCheck.json')
    .then((response) => {
      return response.json();
    })
    .then((data) => {
      transportation = data;
    }).then(() => {
      renderList(transportation);
    });
};

试试这个：

const data = require("../data/transportationDataCheck.json")
console.log(JSON.stringify(data));

或者您可以在更改小URL后尝试

let transportation = [];


const init = () => {
  fetch('../data/transportationDataCheck.json')
    .then((response) => {
      return response.json();
    })
    .then((data) => {
      transportation = data;
    }).then(() => {
      renderList(transportation);
    });
};

---

在路径的开头使用./

fetch（'./data/transportationDataCheck.json'）
。然后（响应=>{
返回response.json（）
})
。然后（数据=>{
//在这里使用JSON数据
console.log（数据）
})
.catch（错误=>{
//在这里为错误做点什么
})

您试图使用fetch命令为静态文件提供服务，该命令本质上要求服务器为该文件提供服务

这里有人也有类似的问题：

根据文件的类型，您可能不需要进行提取。您可能需要以下文件：

var transportationDataCheck = require('./data/transportationDataCheck.json');```

---

查看控制台和/或网络选项卡。你有什么错误？我想你需要检查路径是否正确。要确保浏览器网络正常运行，请选中。请尝试使用path../data/transportationDataCheck.json问题中的代码有三个问题，但这两个问题都不可能是根本问题（尽管其中一个可能已经指出了根本问题）：1。您没有检查HTTP错误。这是

fetch

API中的一个footgun（我在[here]（）中写过它）。在第一个实现处理程序中检查

response.ok

，查看HTTP请求是否有效（遗憾的是，

fetch

只拒绝网络错误，而不是HTTP错误）。2.没有理由使用最后两个实现处理程序，只需使用一个即可。3.你没有处理拒绝。FWIW：如果您直接尝试URL中的路径

APP\u URL/data/transportationDataCheck.json

，您会得到什么？