Quasar boot: Axios + Django Rest Framework

axios.js

import axios from 'axios';

export default async ({ Vue }) => {
    let axiosInstance = axios.create({
        baseURL: '/api/'
    });

    axiosInstance.interceptors.response.use(null, error => {
        if(error.response.data) {
            Object.keys(error.response.data).forEach(key => {
                let data = error.response.data;
                if(Array.isArray(data[key])) {
                    data[key] = data[key].join(' ');
                }
            });
            return Promise.reject(error);
        }
    });

    Vue.prototype.$axios = axiosInstance;
}

// This will result in error data looking like
// {"username": "This field is required"} rather than 
// {"username": ["This field is required"]}
//
// In Quasar you can then set `this.errors = error.response.data` in the Promise reject and
// do <q-input ... :error="!!errors.username" :error-message="errors.username">