Question

我在服务器端进行了以下设置：

router.get(
    "/auth/google",
    passport.authenticate("google", { scope: ['Profile','https://www.googleapis.com/auth/analytics.readonly'] })
);

router.get(
    "/auth/google/callback",
    passport.authenticate("google", { failureRedirect: "/error", session: false }),
    function(req, res) {
        var token = req.user.token;
        res.redirect("/getData?token=" + token);
    }
);

router.get('/getData', function(req, res) {
    var token = req.query.token;
request('https://www.googleapis.com/analytics/v3/management/accounts?access_token=' + token,  
function (error, response, body) {
          let views = []
   JSON.parse(body).items.forEach(view => {
            views.push({
              name: view.webPropertyId + ' - ' + view.name + ' (' + view.websiteUrl + ')'
            })
          })
res.send(views)
});
})

具有以下客户端组件：

     componentDidMount() {
    fetch('http://localhost:5000/getData',
    {
          method: 'put',
          headers: {'Content-Type': 'application/json'}
      })
      .then(res => { 
        if (!res.ok) {
          throw res;
        }
        return res.json()
      }).then(data => {
        this.setState({loading: false, data});
      }).catch(err => {
        console.error(err);
        this.setState({loading: false, error: true});
      });
  }

我应该如何配置express，以便可以获取后端并在前端传递API请求的响应？

现在我遇到以下错误Failed to load resource: the server responded with a status of 500 (Internal Server Error)

Answer 1

也许尝试在获取参数中将put方法切换为get方法-方法：“ GET”

Answer 2

您需要通过JSON发送信息。那是res.json(dataObject);，将由fetch调用中的第二个.then提取。您当前正在尝试使用res.send()。

如何通过Express传递请求API响应以做出反应？

2 个答案: