React-Apollo 错误只显示状态码 500

Question

我想知道如何使用 react-apollo 在前端访问我的抛出错误？

我用于获取单个客户的简单解析器是这样的，其中args._id 是客户 ID。现在如果 id 无效，react-apollo 只会抛出 500 错误。

错误！网络错误：响应不成功：收到状态码 500

   customer: async (args, req) => {
        const validateId = (id) => {
            return mongoose.Types.ObjectId.isValid(id)
        }
        if(args._id && validateId(args._id)){
            try { 

                const customer = await Customer
                    .findById(args._id)

                return transformCustomer(customer)
            }
            catch (err) {
                throw err
            }
        }
        else {
            throw new Error("error")
        }
    },

我尝试使用 errorPolicy="all" 并访问 error.graphQLErrors，但这不起作用，因为它会引发 500 错误。

无法读取未定义的属性“graphQLErrors”

Answer 1

编辑（除了包装在 try/catch 中）- 也许您应该在向服务器发送请求之前检查 _id 是否有效：

customer: async (args, req) => {
    // do some validation on _id
    if (args._id && isValid(args._id) ) {
        try {
            const customer = await Customer.findById(args._id)
        } catch (e) {
          // handle server error
        }
    } else {
       // handle invalid _id here
    }

Answer 2

要捕获 apollo 引发的错误，您需要将执行查询的调用包装到 try-catch。

在您的示例中，这可能是：

try {
    const customer = await Customer.findById(args._id);
} catch(err) {
    // handle the error
}

但是500 始终是一个编程错误，应该在服务器上修复。在使用查询中传递的参数之前，您的服务器似乎没有进行所需的验证。