相关疑难解决方法(0)

我在我的React应用程序中使用fetch API.该应用程序部署在服务器上,运行正常.我多次测试了它.但是,突然应用程序停止工作,我不知道为什么.问题是,当我发送get请求时,我收到来自服务器的有效响应,但fetch API正在捕获异常并显示TypeError: failed to fetch.我甚至没有对代码进行任何更改,这是所有React组件的问题.

我得到了有效的答复.

但同时也得到这个错误.

fetch(url)
.then(res => res.json())
.then(data => {
  // do something with data
})
.catch(rejected => {
    console.log(rejected);
});

当我删除时credentials: "include",它适用于localhost,但不适用于服务器.

我尝试了在StackOverflow和GitHub上给出的每个解决方案,但它只是不适合我.

从数据库中获取数据时遇到问题.我正在尽力解释这个问题.

1.如果我在下面的代码中留下"模式":"no-cors",那么我可以使用Postman从服务器获取数据,但不能从我自己的服务器获取数据.认为它必须是我的客户端错误

2. 当我删除"mode":"no-cors"然后我收到2个错误:-Fetch API无法加载http:// localhost:3000 /.在预检响应中,Access-Control-Allow-Header不允许请求头字段access-control-allow-origin.-Uncaught(in promise)TypeError:无法获取

快速浏览建议放入"模式":"no-cors"修复了这个错误,但感觉不对.

所以我想也许有人建议如何解决这个问题.

真的希望我足够清楚,但很确定我在这里没有给出明确的解释:S

function send(){
    var myVar = {"id" : 1};
    console.log("tuleb siia", document.getElementById('saada').value);
    fetch("http://localhost:3000", {
        method: "POST",
        headers: {
            "Access-Control-Allow-Origin": "*",
            "Content-Type": "text/plain"
        },//"mode" : "no-cors",
        body: JSON.stringify(myVar)
        //body: {"id" : document.getElementById('saada').value}
    }).then(function(muutuja){

        document.getElementById('väljund').innerHTML = JSON.stringify(muutuja);
    });
}