Question

我是使用fetch API的初学者，我试图在反应应用程序中获取json数据，但它一直返回500（内部服务器错误） react应用程序在http://localhost:3000/

下运行

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

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

以下是json文件数据示例/ 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");});
 }

Answer 1

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

Answer 2

由于JSON文件也驻留在您的目录中，而不是使用fetch来获取数据，因此您可以直接将文件内容输入为简单的require。

在您的上下文中，您可以执行以下操作：

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

我希望这个小代码片段有用。

干杯！

fetch API不断返回内部错误500

2 个答案: