ApiClient.js

ApiClient.js

import axios from 'axios'

// Extend me!
export default class ApiClient {
    constructor(endpoint, token){
        this.endpoint = endpoint
        this.token = token
    }

    async post(path, data){
        return axios.post(`${this.endpoint}${path}`, data, {
            headers: {
                Authorization: `Bearer ${this.token}`
            }
        })
    }
    async get(path, query){
        return axios.get(`${this.endpoint}${path}${buildQueryString(query)}`, {
            headers: {
                Authorization: `Bearer ${this.token}`
            }
        })
    }
}

// It's forgiving. Includes the '?' char if needed
function buildQueryString(params = {}){
    const qs = Object.keys(params)
        .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&')
    if(qs) return `?${qs}`
    return ''
}