首页 文章

客户端等待服务器承诺解决

提问于
浏览
1

我有一个场景,我正在对快速服务器执行获取请求 . 然后,快速服务器对rails api服务执行获取请求 . 因此,我让客户端等待解决的承诺,并且一旦服务器端承诺在与rails api通信后解析,该承诺将解决 .

并且在快速方面,一旦服务器上的承诺结算,我只会调用 res.json() .

这是服务器请求的样子:

apiRouter.post('/login', (req, res) => {
  const partnerId = 'id';
  const apikey = 'key';
  const apikeyIdentifier = 'id';
  const cerebroUrl = `http://${apikeyIdentifier}:${apikey}@localhost:3000/v1/${partnerId}/login`;
  const data = {
    //data
  };

  httpRequest(cerebroUrl, httpMethods.post, data).then(response => {
    res.json(response);
  }).catch(error => {
    console.log(error.response.status);
    res.json(error.response);
  });
});

和客户要求:

const url = '/api/login';
const data = { username, password };
return httpRequest(url, httpMethods.post, data).then(response => {
  console.log('success', response);
  return response;
}).catch(error => {
  console.error('error', error);
});

我有一个帮助方法,在解决之前检查状态:

export const checkStatus = response => {
  console.log(response.status);
  console.log(response);
  if (response.status >= 200 && response.status < 300) return response;
  let error = new Error(response.statusText);
  error.response = response;
  throw error;
};

奇怪的是,在checkStatus方法中,控制台正在记录200以获得响应状态,但在客户端 request.then 中,响应具有422 .

我相信初始客户端请求首先解析为200,但是当服务器承诺解析并且我得到422时,客户端已经过了那个阶段 . 或者其他的东西...

有没有办法以更可预测的方式处理承诺?

这是获取请求函数的样子:

export const httpRequest = (url, method, data) => {
  return fetch(url, {
    method,
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    },
    body: JSON.stringify(data),
  })
  .then(checkStatus)
  .then(parseJSON)
  .then(response => {
    return response;
  });
};

1 回答

  • 0

    调试后我发现我必须手动设置服务器端的状态代码 .catch

    apiRouter.post('/login', (req, res) => {
      const partnerId = 'id';
      const apikey = 'key';
      const apikeyIdentifier = 'id';
      const cerebroUrl = `http://${apikeyIdentifier}:${apikey}@localhost:3000/v1/${partnerId}/login`;
      const data = {
        //data
      };
    
      httpRequest(cerebroUrl, httpMethods.post, data).then(response => {
        res.json(response);
      }).catch(error => {
        console.log(error.response.status);
        res.status(error.response.status); // <-- HERE ---
        res.json(error.response);
      });
    });
    

    否则它返回200,这很奇怪,因为error.response是一个状态为422的对象, checkStatus 函数检查它 . 也许我误解了执行 res.json() 时实际发回的内容

    它对我来说没有意义,因为在手动设置状态之前,我有以下问题:

    .catch(error => {
          res.json(error.response);
        });
    

    和2个console.logs:

    export const checkStatus = response => {
      console.log(response.status);
      console.log(response);
    

    这些都回来了:

    200 {...状态:200,statusText:'确定'...}

    到目前为止我改变的是:

    .catch(error => {
      res.status(error.response.status);
      res.json(error.response);
    });
    

    现在它记录:

    422 {...状态:422,statusText:'我的自定义状态文字'...}

    我不明白为什么只更改res.status也会更新响应对象本身...

相关问题