GraphQL 是一种用于API的查询语言，它可以极大地提高前端开发人员的工作效率。在我们使用 GraphQL 开发 API 的过程中，Mutation 是我们经常会用到的操作之一。本文将探究 GraphQL 的 Mutation，分析常见问题，并提供解决方案。
什么是 Mutation
在 GraphQL 中，Mutation 用于修改或创建数据，类似于 REST HTTP 请求中的 POST、PUT、DELETE 方法。在 Mutation 中，我们可以定义输入参数和输出类型，以便客户端更好地处理请求的结果。
与查询语句不同，Mutation 语句必须具有副作用并且会更改数据。
下面是一个基本的 Mutation 示例：
mutation {
createUser(input: {name: "John", age: 25}) {
id
name
age
}
}这个 Mutation 会创建一个名为 John 的用户，它的属性为 age 和 id。
常见问题及解决方案
1. 无效操作
当我们在 Mutation 中进行无效操作时，GraphQL 服务器返回一个错误响应。比如，当我们使用一个不支持的操作来创建数据时，GraphQL 服务器就会响应：“Mutation createUser may not be null”. 这种错误通常是由于错误的操作名称导致的。
解决方案是检查你的请求和操作名称是否正确，确保你使用的是正确的操作来创建数据。
2. 无效类型
当我们的 Mutation 中使用了错误的类型时，GraphQL 服务器同样会返回一个错误响应。比如，当我们对一个字符串类型的字段传递一个整数类型的值，GraphQL 服务器会响应：“Field 'createUser' argument 'age' with type 'Int!' is missing. Query error: Expecting non-nullable type 'Int!' not to be null”.
解决方案是检查你的请求和操作是否正确，确保你使用的是正确的数据类型来传递参数。
3. 无效参数
当我们的 Mutation 中使用了错误的参数时，GraphQL 服务器同样会返回一个错误响应。比如，当我们不提供必填参数时，GraphQL 服务器会响应：“Variable $input of required type 'UserInput!' was not provided. Query error: Encountered a required field 'input' that was not provided.” 。
解决方案是仔细检查你的操作和参数，并确保你为必填参数提供了数据。
4. 无效输出
当我们的 Mutation 中使用了错误的输出类型时，GraphQL 服务器同样会返回一个错误响应。比如，当我们定义了不支持的输出类型时，GraphQL 服务器会响应：“Cannot return null for non-nullable field User.id”. 这种错误通常是由于非空属性返回了 null 造成的。
解决方案是检查你的输出类型，并确保你定义的输出类型是正确的。
总结
Mutation 是 GraphQL 中用于修改或创建数据的操作方法，与查询语句不同，Mutation 必须具有副作用并且会更改数据。在开发过程中，我们需要注意避免常见的错误，包括无效操作、无效类型、无效参数和无效输出等问题。以上的解决方案可以帮助我们更快地解决问题，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab007948841e98946f6280