Nuxt.js plugin Axios

nuxt-plugin-axios.js

export default function ({ $axios }, { redirect }) {
  $axios.defaults.headers['Content-Type'] = 'application/json';

  $axios.onRequest((config) => {
    const apiToken = process.env.API_USER_TOKEN || '';
    config.headers.Authorization = apiToken ? `JWT ${apiToken}` : '';

    console.log(`${config.baseURL}${config.url}`, 'Request');

    return config;
  });

  $axios.onResponse(({ data }) => {
    console.log('Ok', 'Response');
    console.log(data, 'Data');
    return data;
  });

  $axios.onError(({ response }) => {
    console.error('Error response', response);
    redirect(`/http-error/${response.status}`);
  });
}