在 REACT 中读取 GET 服务于 NODEJS

Question

我用 REACT 语言编写了一个从服务器 (NODEJS) 接收我的列表的函数

        getList = () => {
       const request = new Request('http://localhost:3000/api/get');
  
       fetch(request, {method: 'GET',mode: 'no-cors',
        })
       .then((response) => console.log("response", response.JSON()));
        }

正在发出请求，但我在 CONSOLE.LOG 中收到的返回值为：

          response Response {type: "opaque", url: "", redirected: false, status: 0, ok: 
          false, …}body: (...)bodyUsed: falseheaders: Headers {}ok: falseredirected: falsestatus: 
          0statusText: ""type: "opaque"url: ""__proto__: Response

这是服务器上的代码：

             const MyList=[
             {id:1,name:'to do list'},
             {id:2,name:'to sleep'},
             ]
             app.get('/api/get',(req,res)=>{
             res.send(MyList);
             });

服务器返回的列表的值在哪里？？？

Answer 1

可以从 response.body 访问来自服务器的数据，但是 response.json() 返回一个承诺，因此您必须执行以下操作：

getList = () => {
    const request = new Request('http://localhost:3000/api/get');

    fetch(request, {method: 'GET',mode: 'no-cors'})
    .then((response) => response.json().then(json => {
          console.log(json.body);
    });
}

Answer 2

我在响应中添加了 .json：

      getList = () => {
      const request = new Request('http://localhost:3000/api/get');
  
      fetch(request, {method: 'GET',mode: 'no-cors' })
      .then((response) => console.log("response", response.json()));
      }

并收到以下错误：

     TobuyList.js:30 Uncaught (in promise) SyntaxError: Unexpected end of input
     at TobuyList.js:30

Answer 3

在您的服务器中，将 res.send 更改为 res.json

在客户端（取自mozilla docs）：

fetch('http://localhost:3000/api/get', { mode: 'no-cors' })
  .then(response => response.json())
  .then(data => console.log(data));