除了使用cookie通过express和react将请求-响应从后端传递到前端之外，还有其他解决方案吗？

Question

我有下面的Google Analytics API请求，我在Google Auth进程之后运行。到目前为止，我发现将响应传递给前端的唯一方法是将响应存储在cookie中。然后我就可以很容易地用react阅读它了。然而，我真的不喜欢这个选项。我的选择是什么？否则我如何传递响应呢？

   router.get(
        "/auth/google/callback",
        passport.authenticate("google", { failureRedirect: "/error", session: false }),
        function(req, res) {
            var token = req.user.token;
        request('https://www.googleapis.com/analytics/v3/management/accounts?access_token=' + token,  
    function (error, response, body) {
      console.log(body)
      console.log(response)
              let views = []
       JSON.parse(body).items.forEach(view => {
                views.push({
                  name: view.webPropertyId + ' - ' + view.name + ' (' + view.websiteUrl + ')'
                })
              })
    res.cookie("data", views); 
    res.json(views)
    });
        }
    );

Answer 1

在前端，使用fetch之类的东西调用后端，然后在JSON中解析响应。它可能看起来像这样：

fetch('/auth/google/callback',
  { 
   method: 'GET',
   credentials: 'same-origin'
  })
.then(response => response.json());

在后端，只需使用res.send(views)，其中视图是一个对象。

您可能需要为auth添加额外的头(就像您在api调用中查找令牌一样)，但这应该只是将其添加到options对象中的问题。