在 GET 请求中传递 payload React fetch

Question

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

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

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

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

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

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

我在单击按钮时调用 handleChange 函数。至于上面的代码，我需要我的节点 api 用 req.body.tag = 'hello' 调用 /hashtags （因为我从 reactjs 传递 'hello'）。

但这给了我以下错误：

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

如果无法通过这种方式完成：如何从我的 React 应用程序将对象附加到节点 api req.body？

Answer 1

如果你想传递字符串搜索标签，你为什么要在 body 中传递它。按照 REST 像这样

在 url 中传递它

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

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

在 GET 请求中传递 payload React fetch

Pass payload in GET request React fetch

javascript

node.js

reactjs

fetch-api