使用nodejs + express处理服务器端和客户端错误的最佳方法是什么

Question

我想知道处理响应中的错误的最佳方法 - 请求。 我有收到请求的这条路线：

app.get('/getInfo', function (req, res, next) {
    let obj = {}
    try {
        obj = { 
            ...                
            date: lastUpdatedDate('./utils/appVersion.js'),
            ...
        }
        res.status(200).send(obj)
    } catch (error) {
        console.log(error.message)
        res.send({error: "The data wasn't load"})
    }       
})

以及发出请求的这个函数

getInfo () {
    axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
        this.appInfoHandler(resp.data)
      })
      .catch(function (error) {    
        console.log(error)
      })
  }

如果错误发生在服务器端，最好的处理方法是什么？ 假设在这个代码块中目录不存在：lastUpdatedDate('./directoreyDoesntExists/appVersion.js'),

所以我的代码转到catch 块。

我应该像这样发送错误：

res.send({error: "The data wasn't load"})

我应该设置这样的状态吗？

  res.status(500).send({error: "The data wasn't load"})

或者我应该使用不同的状态代码设置状态吗？

基于此，在我的前端方法 getInfo() 中处理它以获取错误并在 Web 界面上显示错误消息的最佳方法是什么？

我应该像这样在.then 块内做一个if else 吗？

 getInfo () {
      axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
            if(resp.status === 200){
                 this.appInfoHandler(resp.data)
            }else if (resp.status === 400){
                  //print error message on web interface
            }else if (resp.status === 500){
                  //print error message on web interface
          })
          .catch(function (error) {    
            console.log(error)
          })

或者我应该像这样直接在catch 块中处理这个错误

getInfo () {
    axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
        this.appInfoHandler(resp.data)
      })
      .catch(function (error) {    
        //print error message on web interface
      })
  }

Answer 1

对于这种情况

res.send({error: "The data wasn't load"}) 

对比

res.status(500).send({error: "The data wasn't load"})

发送状态更详细，但两者都可以。 检查Proper way to set response status and JSON content

对于这种情况，取决于你需要什么

then(resp => {
            if(resp.status === 200){
                 this.appInfoHandler(resp.data)
            }else if (resp.status === 400){
                  //print error message on web interface
            }else if (resp.status === 500){
                  //print error message on web interface
          })
          .catch(function (error) {    
            console.log(error)
          })

对

getInfo () {
    axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
        this.appInfoHandler(resp.data)
      })
      .catch(function (error) {    
        //print error message on web interface
      })
  }

您可以处理所有将它们发送到 catch 块的错误

else if (resp.status === 400){
                  //print error message on web interface

不在此处打印错误，而是抛出一个新错误，将其发送到 catch 块

throw new ApiError("UserNotFount",400,"not found");

throw new Error('Error 400, not found');

Answer 2

对于这种情况

res.send({error: "The data wasn't load"}) 

对

res.status(500).send({error: "The data wasn't load"})

我建议发送错误和状态代码，因为这对客户端来说更具描述性。

对于第二种情况

getInfo () {
      axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
            if(resp.status === 200){
                 this.appInfoHandler(resp.data)
            }else if (resp.status === 400){
                  //print error message on web interface
            }else if (resp.status === 500){
                  //print error message on web interface
          })
          .catch(function (error) {    
            console.log(error)
          })

对

getInfo () {
    axios.get(process.env.REACT_APP_HOST + '/getInfo')
      .then(resp => {
        this.appInfoHandler(resp.data)
      })
      .catch(function (error) {    
        //print error message on web interface
      })
  }

在这种情况下，我建议在遇到错误时直接使用 catch 块，因为响应状态取决于错误，而不是相反

Answer 3

200 以外的任何状态码都意味着不成功，因此您不需要使用那些 if-else 语句。更好的选择是捕获错误并按原样发送响应。好处是您将收到发生的错误类型，而无需对状态代码进行硬编码。 （例如，我们这里取状态码为400不成功）

 .catch(function (error) {    
        //print error message on web interface
        res.status(400).send(JSON.stringify(error, undefined, 2));
      });

通过使用 stringify 方法，您还可以在控制台上打印确切的错误。

.catch(function (error) {    
            console.log(JSON.stringify(error, undefined, 2));
          });

这里stringify方法中的参数是：

1. 错误对象

2. 未定义：包含用于过滤对象中键的键的数组（此处为错误）。此数组中存在的所有这些键只是未过滤掉的键。

3. 2：用于在对象表示中引入空格

Answer 4

作为一名使用 REST Api 的初学者，您应该看看指南 - 微软的指南非常合法：https://docs.microsoft.com/en-us/azure/architecture/best-practices/api-design。

基本上，您需要为每个请求返回正确的 HTTP 代码，看看https://http.cat/ - 例如如果请求格式错误，则返回 400，如果用户未经授权则返回 401：

if (!req.body.name) {
  res.status(400).send({ error: 'missing user name' }); // 400 bad request
}
const user = getUser(req.body.name, req.body.pass);

if(!user) {
  res.status(401).send({ error: 'user does not exist' }); // 401 unauthorized
}

try {
  const token = createToken(user);
  // better to set a cookie
  res.status(200).send({ token }); // 200 success
} catch(e) {
  res.status(500).send({ erroe: e.message }); // 500 internal error
}

if(isTeapot) {
  res.status(418).send({ error: 'I can only make tea' }); // 418 teapot, totally real
}

为了让事情变得更简单，有很多库可以帮助您生成更好的错误消息并更好地处理错误，我最喜欢的库之一是 celebrate