在 GET 请求 React fetch 中传递有效负载

IT技术 javascript node.js reactjs fetch
2021-05-12 15:03:02

我正在尝试构建一个 react/node 应用程序,并且我试图将从用户输入中获得的值传递给 nodejs api 以调用单独的 api(Instagram API)

我想从 React 应用程序将一个对象附加到 req.body。我想做这样的事情:

app.get('/hashtags', (req,res) => {
   console.log(req.body);
   console.log(req.body.tag);
});

这是我负责上述节点请求的react应用程序代码:

handleChange(e){
   const searchtag = 'hello';

   fetch('/hashtags', {
     method: 'GET',
     headers: {
       Accept: 'application/json',
       'Content-Type': 'application/json',
     },
     body: JSON.stringify({
       tag: searchtag,
     }),
   })
}

handleChange单击按钮时,我正在调用函数。至于上面的代码,我需要我的节点API调用/hashtagsreq.body.tag = 'hello'(作为我传递'hello'从reactjs)。

但这给了我以下错误:

Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

如果这不能通过这种方式完成:如何将对象req.body从我的react应用程序附加到节点 api

1个回答

如果您想传递字符串 serach 标签,为什么要body按照rest在 url中传递它的方式传递它,如下所示

 handleChange(e){
    const searchtag = 'hello';

    fetch('/hashtags/' + searchtag, {
      method: 'GET',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
     ),
    })
  }