Persisted GraphQL Queries with axios and SilverStripe 4: after

AxiosService.js

import axios from "axios";
import StorageService from "./StorageService";
import persistedQueryMapping from "../graphql/mapping.json";
import compress from "graphql-query-compress";

export default class AxiosService {
    static getInstance(query, variables) {
        let headers = {};
        const user = StorageService.readUser();
        if (user && user.Token) {
            headers["Authorization"] = "Bearer " + user.Token;
        }
      
        // webpack graphql loader will trim "query" at the beginning
        let compressedQuery = compress(query);
        if (compressedQuery.startsWith("{")) {
            compressedQuery = "query" + compressedQuery;
        }

        let data = {
            query: compressedQuery,
            variables: variables
        };
      
        if (persistedQueryMapping[compressedQuery]) {
            delete data.query;
            data.id = persistedQueryMapping[compressedQuery];
        }
        
        return axios.create({
            url: "/graphql",
            method: "post",
            data: data,
            headers: headers
        });
    }
}