为什么graphql变异中会出现400错误？

我正在尝试使用前端在Strapi中创建新对象。为什么我的变异不起作用？ 我得到以下信息： “邮政400（错误请求） 错误：网络错误：响应不成功：收到状态代码400“

如何使用graphql变异在Strapi中创建新条目

<template>
  <form @submit.prevent="saveDancegroup">
    <AppControlInput v-model="groupname">Name</AppControlInput>
    <AppControlInput v-model="school">Tanzschule</AppControlInput>
    <AppButton type="submit">Speichern</AppButton>
    <AppButton
    type="button"
    style="margin-left: 10px"
    btn-style="cancel"
    @click="onCancel()">Cancel</AppButton>
  </form>
</template>

<script>

import AppControlInput from '~/components/UI/AppControlInput'
import AppButton from '~/components/UI/AppButton'

import gql from 'graphql-tag'


export default {
  components: {
    AppControlInput,
    AppButton
  },
  data() {
    return {
      groupname: '',
      school: ''
    }
  },
  methods: {
    saveDancegroup() {

      this.$apollo.mutate ({
        mutation: gql`
        mutation {
          createDancegroup(
            input: { data: { groupname: $groupname, school: $school } }
          ) {
            dancegroup {
              groupname
              school
            }
          }
        }`,
        variables: {
          groupname: this.groupname,
          school: this.school
        }

      })

    }
  },
  onCancel() {
    // Navigate back
    this.$router.push('/admin');
  }
}
</script>

名称
坦斯舒勒
斯皮切恩
取消
从“~/components/UI/AppControlInput”导入AppControlInput
从“~/components/UI/AppButton”导入AppButton
从“graphql标记”导入gql
导出默认值{
组成部分：{
AppControlInput，
应用按钮
},
数据（）{
返回{
组名：“”，
学校：''
}
},
方法：{
saveDancegroup（）{
这是阿波罗，变异({
突变：gql`
突变{
createDancegroup(
输入：{数据：{groupname:$groupname，学校：$school}
) {
舞蹈团{
组名字
学校
}
}
}`,
变量：{
groupname:this.groupname，
学校：这个学校
}
})
}
},
onCancel（）{
//向后导航
这个.$router.push（'/admin'）；
}
}

错误查询/变异形状-了解传递变量错误查询/变异形状-了解传递变量