Vue+Apollo+Django GraphQL保存用户ID至Biz遇400错误求助

从你的代码来看，导致400错误的核心原因很明确：前端传递了后端突变未声明的参数，同时前后端的逻辑完全不匹配——前端试图手动传owner ID，后端却直接从请求上下文取当前用户，两边根本没对上。

具体问题拆解 #

1. GraphQL参数不匹配：你的前端突变定义了$owner: ID!变量，并传递给ownerId参数，但后端CreateBiz突变的Arguments类里完全没有声明ownerId这个参数。GraphQL有严格的参数校验规则，收到未定义的参数直接返回400错误。
2. 逻辑脱节：后端当前逻辑是通过get_user(info)从请求上下文拿用户，完全不会使用前端传的owner ID，即便参数问题解决了，前端传的值也不会生效。

下面给你两种针对性的解决方案，根据你的业务需求选择：

方案一：依赖登录用户上下文（推荐，更安全） #

如果你的业务规则是「只有登录用户才能创建属于自己的Biz」，那完全不需要前端传owner ID，直接用后端上下文的登录用户即可，这也是更安全的做法。

修改步骤 #

1. 前端代码调整

移除突变里的owner变量和ownerId参数，同时简化createBiz方法：

// Apollo创建Biz突变
export const CREATE_BIZ_MUTATION = gql`
  mutation CreateBizMutation($name: String!) {
    createBiz(name: $name) {
      name
      owner {
        id
        username
      }
    }
  }
`

// Vue组件方法
createBiz () {
  if (!localStorage.getItem(DJANGO_USER_ID)) {
    console.error('No user logged in')
    return
  }
  const { name } = this.$data
  this.$apollo.mutate({
    mutation: CREATE_BIZ_MUTATION,
    variables: { name }
  }).catch((error) => {
    console.log(error)
  })
}

2. 后端代码优化

保持现有上下文取用户的逻辑，但要增加登录校验，避免创建无所有者的Biz：

class CreateBiz(graphene.Mutation):
    id = graphene.Int()
    name = graphene.String()
    code = graphene.String()
    owner = graphene.Field(UserType)

    class Arguments:
        name = graphene.String(required=True)  # 和前端的!对应，强制必填

    def mutate(self, info, name):
        user = get_user(info)
        # 未登录直接抛出错误
        if not user:
            raise Exception("请先登录再创建Biz")
        
        code = ''.join(random.SystemRandom().choice(string.ascii_uppercase + string.digits + string.ascii_lowercase) for _ in range(6))
        biz = Biz(
            code = code,
            name = name,
            owner = user
        )
        biz.save()
        return CreateBiz(
            id= biz.id,
            name = biz.name,
            code = biz.code,
            owner = biz.owner
        )

方案二：允许指定任意Owner ID（需权限控制） #

如果你的业务需要支持「创建属于其他用户的Biz」（比如管理员操作），那需要修改后端突变，让它接收并使用前端传递的owner ID。

修改步骤 #

1. 后端代码调整

更新Arguments类添加ownerId参数，同时增加用户查询和权限校验：

class CreateBiz(graphene.Mutation):
    id = graphene.Int()
    name = graphene.String()
    code = graphene.String()
    owner = graphene.Field(UserType)

    class Arguments:
        name = graphene.String(required=True)
        ownerId = graphene.ID(required=True)  # 新增参数，和前端对应

    def mutate(self, info, name, ownerId):
        # 可选：添加权限校验，比如只有管理员才能指定其他用户
        current_user = get_user(info)
        if not current_user.is_staff:
            raise Exception("你没有权限指定Biz所有者")
        
        # 查询指定的用户
        try:
            owner = User.objects.get(id=ownerId)
        except User.DoesNotExist:
            raise Exception("指定的用户不存在")
        
        code = ''.join(random.SystemRandom().choice(string.ascii_uppercase + string.digits + string.ascii_lowercase) for _ in range(6))
        biz = Biz(
            code = code,
            name = name,
            owner = owner
        )
        biz.save()
        return CreateBiz(
            id= biz.id,
            name = biz.name,
            code = biz.code,
            owner = biz.owner
        )

2. 前端代码保持不变

你的前端突变和createBiz方法不需要修改，但要确保传递的owner是有效的用户ID。

额外排查建议 #

遇到GraphQL错误时，一定要看Apollo Client返回的具体错误信息（比如在catch里打印error.graphQLErrors），它会明确告诉你是参数未定义、用户不存在还是权限问题，比单纯的400错误更有价值。另外也可以用Django GraphQL自带的Playground/GraphiQL先测试突变，确认后端逻辑正常后再调试前端。

内容的提问来源于stack exchange，提问作者Taylor