如何从我的快速服务器获取 json 数据？

Question

我一直在尝试使用 fetch 从我的快速服务器获取 JSON 数据。 但是，它不起作用。 我已经用JSONPlaceholder测试了 fetch 函数，所以我认为我的快速代码是问题所在。

这是我的提取代码：

fetch("https://myexpressserver.com/api/example")
    .then(response=> {
        return response.json()
    })
    .then(data=> {
        console.log(data.text);
    })

这是我的快递代码：

app.get('/api/example', function(req, res){
    res.json({ text: 'This is what you should get if this works' });
});

谢谢！

Answer 1

 const RequestOptions = { method: 'GET', headers: {'Content-Type': 'application/json' }, }; fetch("https://myexpressserver.com/api/example",RequestOptions).then(Response=> Response.json()).then((data)=>{ console.log(data.txt) })

试试这个，因为 RequestOptions 很重要，它告诉我们发送到服务器的请求类型

Answer 2

而不是res.json使用res.send ！

app.get('/api/example', function(req, res){
    res.send({ text: 'This is what you should get if this works' });
});

我还建议处理异常并且不要使用return因为它只会在 fetch 请求中导致错误：

fetch("https://myexpressserver.com/api/example")
    .then(response=> {
        response.json();
    })
    .then(data=> {
        console.log(data.text);
    })
    .catch(err =>{
         console.error(err);
    })