Reactjs fetch API不断返回内部错误500

我是一个使用FetchAPI的初学者，我试图在react应用程序中获取json数据，但它总是返回500（内部服务器错误） react应用程序正在运行

我已经在package.json文件中添加了代理：

"proxy": "http://localhost:3000"

下面是示例json文件data/greeting.json：

{
  "time": "am",
  "greeting": "Good morning"
}

caller.js文件具有调用json的方法：

function getGreetings() {
    fetch(`./data/greeting.json`, {
        headers : {
          "Content-Type": "application/json",
          "Accept": "application/json"
        }
    })
    .then((response) => response.json())
    .then((messages) => {console.log("messages");});
 }   

---

尝试删除url中的点（可能还有斜杠）。如果不是这样，那么我猜您的服务器代码有问题。

尝试删除url中的点（可能还有斜杠）。如果不是这样的话，那么我猜您的服务器代码有问题。

由于JSON文件也驻留在您的目录中，而不是使用fetch获取数据，您可以直接输入文件内容，这很简单

需要

在您的上下文中，您可以这样做：

const greeting = require('./data/greeting.json');

我希望这个小代码片段会有所帮助

干杯
 由于JSON文件也驻留在您的目录中，因此不必使用fetch获取数据，您只需直接输入文件内容，这是非常简单的
要求

在您的上下文中，您可以这样做：

const greeting = require('./data/greeting.json');

我希望这个小代码片段会有所帮助

干杯
 看起来您正在尝试使用fetch加载文件。您应该到达一个端点，在该端点读取要检索其内容的文件。是的，我正在尝试获取json文件中的数据，但我没有理解您读取该文件的意思，您认为我的代码中缺少什么内容吗？我在react应用程序中将json文件的位置更改为公用文件夹，效果很好！看起来您正在尝试使用fetch加载文件。您应该到达一个端点，在该端点读取要检索其内容的文件。是的，我正在尝试获取json文件中的数据，但我没有理解您读取该文件的意思，您认为我的代码中缺少什么内容吗？我在react应用程序中将json文件的位置更改为公用文件夹，效果很好！