Опубликовать мутацию в graphql с помощью axios

Нашел проблему.

1. Удалите лишний mutation
2. Уберите лишний " после $name

Обновление - более чистая версия:

axios
.post(config.apiendpoint, {
  query: `mutation {
      addSkill(id:"${id}", name:"${this.form.name}", level:${parseFloat(this.form.level)}, type:"${this.form.type}") {
        status
        id
        name
        level
        type
      }
    }
  `,
}).then().catch()

Вот рабочий запрос для справки.

axios
.post(config.apiendpoint, {
  query: `
    mutation addSkill($id:String!, $name:String!, $level:Float!, $type:String!) {
      addSkill(id:$id, name:$name, level:$level, type:$type) { 
        status
        id
        name
        level
        type
      }
    }
  `,
  variables: {
    id: String(id),
    name: this.form.name,
    level: parseFloat(this.form.level),
    type: this.form.type,
  },
})
.then(res => console.info(res))
.catch(err => console.info(err))

Я бы не стал включать переменные непосредственно в запрос, подобный этому, потому что таким образом вам нужно постоянно настраивать то, как ваши переменные вписываются в литерал шаблона, например, структурировать материал и добавлять кавычки.

Используйте graphqlprint, чтобы сделать это за вас!

Попробуй это:

import axios from 'axios';
import { print } from 'graphql';
import gql from 'graphql-tag';

const ADD_SKILL = gql`
mutation addSkill($id:String!, $name:String!, $level:Float!, $type:String!) {
  addSkill(id:$id, name:$name, level:$level, type:$type) { 
    status
    id
    name
    level
    type
  }
}
`

axios
.post(config.apiendpoint, {
  query: print(ADD_SKILL),
  variables: {
    id: String(id),
    name: this.form.name,
    level: parseFloat(this.form.level),
    type: this.form.type,
  },
})
.then(res => console.info(res))
.catch(err => console.info(err))