nuxt.config.js

require('dotenv').config()

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'BudgetSimple',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Simple shared budgets' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  /*
  ** Customize the progress bar color
  */
  loading: { color: '#3490dc' },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  },

  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth',
    '@nuxtjs/dotenv',
  ],

  router: {
    middleware: ['auth']
  },

  axios: {
    baseURL: process.env.API_URL
  },

  auth: {
    strategies: {
      local: {
        endpoints: {
          login: { url: '/sessions', method: 'post', propertyName: 'access_token' },
          logout: false,
          user: { url: '/users', method: 'get', propertyName: 'data' }
        },
        tokenType: '',
      }
    },
    redirect: {
      home: '/budgets'
    }
  },

  css: ['~/assets/style.css'],

  plugins: ['~plugins/vue-js-modal'],

  generate: {
    fallback: true
  }

}