Error: "no mutations exist" - Actions

Version v1.2.0-beta.3 Deployed on Heroku Front-end framework Vue

Expected result: Use action to send a base64 string to an action handler.

The problem When I run the action mutation from the console GraphiQL, it works. But when I try to send a fetch post request from the front-end it fails with:

extensions: {path: “$”, code: “validation-failed”} message: “no mutations exist”

Note that the mutation in GraphiQL is tested with the `Authorization ‘Bearer ${token}’ header

Code in the front-end:

import fetch from 'isomorphic-fetch';

const SET_PROFILE_PICTURE = `
  mutation ($base64str: String!, $name: String!, $type: String!) {
    setProfilePicture(base64str: $base64str, name: $name, type: $type) {
      image_path
    }
  }
`;
const fileName = this.file.name;
      const fileType = this.file.type;
      const result = await this.toBase64(this.file).catch(e => Error(e));
      if (result instanceof Error) {
        console.log('Error: ', result.message);
        return;
      }
      const variables = { name: fileName, type: fileType, base64str: result };
      const url = 'https://kw-api-v2-staging.herokuapp.com/v1/graphql';
      const options = {
        method: 'POST',
        headers: {
          'content-type': 'application/json'
        },
        body: JSON.stringify({
          query: SET_PROFILE_PICTURE,
          variables: variables
        })
      };
      console.log("variables", variables);
      console.log("SET Profile PIC", SET_PROFILE_PICTURE);

      fetch(url, options)
        .then(res => res.json())
        .then(res => {
          console.log(res)
          this.file = null;
        })
        .catch(err => {
          console.log(err);
        });

[Overdozed]

check you provide HASURA_GRAPHQL_UNAUTHORIZED_ROLE env var without any quotes from .env file. In my case hasura logs said {“x-hasura-role”:“"public"”} => double double quotes. This cause you really have no mutation/queries for your unauthorized role.

Hope this helps.

[hgiasac]

@costas90 Did you debug returned role from auth webhook? I think it returns anonymous role that isn’t allowed to run this action. Moreover, I don’t see where you input authorization token header in your code