Axios single configured instance

api.js

import axios from "axios";

const singleton = Symbol();
const singletonEnforcer = Symbol();

function readCookie(name) {
    const match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
    return (match ? decodeURIComponent(match[3]) : null);
}


class ApiService {
    constructor(enforcer) {
        if (enforcer !== singletonEnforcer) {
            throw new Error('Cannot construct singleton');
        }

        console.log(`API Service for ${location.protocol}//${location.host}/api`);

        this.session = axios.create({
            baseURL: `${location.protocol}//${location.host}/api`,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRFToken': readCookie('csrftoken'),
            },
        });
    }

    static get instance() {
        // Try to get an efficient singleton
        if (!this[singleton]) {
            this[singleton] = new ApiService(singletonEnforcer);
        }

        return this[singleton];
    }

    get = (...params) => this.session.get(...params);
    post = (...params) => this.session.post(...params);
    put = (...params) => this.session.put(...params);
    patch = (...params) => this.session.patch(...params);
    remove = (...params) => this.session.delete(...params);
}

export default ApiService.instance;

Cheers mate

Can you also post this for typescript ?

How does this work, can some one explain, especially line 32

how to use this?