GraphQL 是一种用于构建 API 的查询语言，它可以大大提高前端开发人员的工作效率。但是，在使用 GraphQL 进行查询时，有时会遇到查询失败的情况。这时，我们需要采取最佳实践来处理服务端错误，以便能够更好地解决问题。
GraphQL 查询失败的原因
GraphQL 查询失败的原因有很多种，包括但不限于以下几种：
- 服务端返回了错误的响应。
- 服务端发生了内部错误。
- 查询语句中包含了错误的语法或参数。
- 网络连接出现了问题。
处理服务端错误的最佳实践
1. 检查服务端响应
当我们查询 GraphQL API 时，服务端会返回一个响应。我们需要检查这个响应，以确定是否存在错误。我们可以使用以下代码来检查服务端响应：
-- -------------------- ---- -------
----------------- -
------- -------
-------- - --------------- ------------------ --
----- ---------------- ------ -- ----- -- ---
--
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
---------- -- ----------------- ----------- ------
------------ -- ----------------------- --------上述代码中，我们首先使用 fetch 方法发送一个 POST 请求，并将查询语句作为请求体发送给服务端。然后，我们在 then 方法中检查响应是否正确。如果响应不正确，则抛出一个错误。最后，我们在 catch 方法中处理错误。
2. 处理服务端错误
如果服务端返回了一个错误响应，我们需要处理这个错误。我们可以使用以下代码来处理服务端错误：
-- -------------------- ---- -------
----------------- -
------- -------
-------- - --------------- ------------------ --
----- ---------------- ------ -- ----- -- ---
--
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
---------- -- -
-- ------------- -
----- --- ------------------------------
-
----------------- ----------- ------
--
------------ -- ----------------------- --------上述代码中，我们在 then 方法中检查响应是否存在错误。如果存在错误，则抛出一个错误。最后，我们在 catch 方法中处理错误。
3. 处理网络连接错误
如果网络连接出现了问题，我们需要处理这个错误。我们可以使用以下代码来处理网络连接错误：
-- -------------------- ---- -------
----------------- -
------- -------
-------- - --------------- ------------------ --
----- ---------------- ------ -- ----- -- ---
--
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
---------- -- -
-- ------------- -
----- --- ------------------------------
-
----------------- ----------- ------
--
------------ -- -
-- ------ ---------- ---------- -
---------------------- ---------- -------- -------
- ---- -
----------------------- -------
-
---上述代码中，我们在 catch 方法中检查错误类型。如果错误类型是 TypeError，则说明网络连接出现了问题，我们需要处理这个错误。如果错误类型不是 TypeError，则说明是其他错误，我们需要将错误记录下来以便排查问题。
示例代码
下面是一个完整的示例代码，演示了如何使用 GraphQL 查询并处理服务端错误：
-- -------------------- ---- -------
----------------- -
------- -------
-------- - --------------- ------------------ --
----- ---------------- ------ -- ----- -- ---
--
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
---------- -- -
-- ------------- -
----- --- ------------------------------
-
----------------- ----------- ------
--
------------ -- -
-- ------ ---------- ---------- -
---------------------- ---------- -------- -------
- ---- -
----------------------- -------
-
---结论
在使用 GraphQL 进行查询时，我们需要采取最佳实践来处理服务端错误。这包括检查服务端响应、处理服务端错误和处理网络连接错误。通过使用这些最佳实践，我们可以更好地解决 GraphQL 查询失败的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6758ecc162956301acd1e65f