FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

view_1   | <--- JS stacktrace --->
view_1   |
view_1   | ==== JS stack trace =========================================
view_1   |
view_1   |     0: ExitFrame [pc: 0x26fd9624fb5d]
view_1   | Security context: 0x140a9a59d921 <JSObject>
view_1   |     1: on [0x1c685bd61259] [_stream_readable.js:~825] [pc=0x26fd96bd1601](this=0x27476ca40f19 <Socket map = 0x2513dd2aaca1>,0x1c685bd160d9 <String[5]: close>,0x27476ca41619 <JSBoundFunction (BoundTargetFunction 0x118981190661)>)
view_1   |     2: connectionListenerInternal(aka connectionListenerInternal) [0x118981190561] [_http_server.js:~325] [pc=0x26fd9706ea91](this=...
view_1   |
view_1   | FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

view_1   | <--- JS stacktrace --->
view_1   |
view_1   | ==== JS stack trace =========================================
view_1   |
view_1   |     0: ExitFrame [pc: 0x3595a694fb5d]
view_1   | Security context: 0x016ed8d9d921 <JSObject>
view_1   |     1: parse(aka parse) [0x34dc366765a9] [/app/node_modules/cookie/index.js:~49] [pc=0x3595a77ee3a0](this=0x297ef7d825b1 <undefined>,0x15d707f39c31 <String[265]: auth._token.local=Bearer%20eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxIiwic2NwIjoidXNlciIsImF1ZCI6bnVsbCwiaWF0IjoxNTQ3MDczMjQyLCJleHAiOjE1NDcwNzY4NDIsImp0aSI6ImUwMWRlNjFkLTRkYzItNDRlMi1iZDY1LWQwYmRmZTcwNGNhZS...
view_1   |
view_1   | FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

view_1   | <--- JS stacktrace --->
view_1   |
view_1   | ==== JS stack trace =========================================
view_1   |
view_1   |     0: ExitFrame [pc: 0x2bda0b2cfb5d]
view_1   | Security context: 0x1e6ec149d921 <JSObject>
view_1   |     1: setContext(aka setContext) [0x3ef9c763dc89] [server-bundle.js:~2584] [pc=0x2bda0bbaa2d1](this=0x0a10aa8025b1 <undefined>,0x28d2a207a4c1 <Object map = 0x10d1f0bf3091>,0x28d2a207a5b1 <Object map = 0x10d1f0bf2cd1>)
view_1   |     2: createApp(aka createApp) [0x27c44ed85199] [server-bundle.js:~1745] [pc=0x2bda0bb9d782](this=0x0a10aa8025b1 <undefined>,0x2bee19762ce9 ...
view_1   |
view_1   | FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

upstream view {
  server view:3000;
}

upstream api {
  server api:8080;
}

server {
  listen 80;

  location / {
    proxy_pass http://view;
  }

  # FOR DEVELOPMENT ONLY
  location /sockjs-node {
    proxy_pass http://view;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
  }

  location /api {
    rewrite /api/(.*) /$1 break;
    proxy_pass http://api;
  }
}

axios: {
  proxy: true,
  prefix: "/api"
},
auth: {
  strategies: {
    local: {
      endpoints: {
        login: { url: '/auth/users/sign_in' },
        logout: { url: '/auth/users/sign_out', method: 'delete' },
        user: { url: '/auth/users/current' }
      }
    }
  }
},

<template>
  <v-layout>
    <v-flex>
      <v-card v-if="$auth.loggedIn">
        <v-alert type="error" :value="error">{{error}}</v-alert>
        <v-card-text>
          Logged in as {{$auth.user.email}}
        </v-card-text>
        <v-card-actions>
          <v-btn @click="logout">Log out</v-btn>
        </v-card-actions>
      </v-card>
      <v-card v-else>
        <v-alert type="error" :value="error">{{error}}</v-alert>
        <v-card-text>
          <v-form>
            <v-text-field v-model="email" label="Email" />
            <v-text-field v-model="password" label="Password" type="password" />
          </v-form>
          <v-card-actions>
            <v-btn @click="login">Log in</v-btn>
          </v-card-actions>
        </v-card-text>
      </v-card>
    </v-flex>
  </v-layout>
</template>

<script>
  export default {
    data () {
      return {
        email: '',
        password: '',
        error: null
      }
    },
    methods: {
      login () {
        this.$auth.login({
          data: {
            user: {
              email: this.email,
              password: this.password
            }
          }
        }).catch(e => {this.error = e + ''})
      },
      logout () {
        this.$auth.logout().catch(e => {this.error = e + ''})
      }
    }
  }

</script>

version: '3'
services:
  db:
    image: postgres
    volumes:
      - ./.tmp/db:/var/lib/postgresql/data
    ports:
      - "5432"
  proxy:
    build: proxy
    restart: always
    ports:
      - '5000:80'
  api:
    build: api
    environment:
      - JWT_SECRET=${JWT_SECRET}
    volumes:
      - ./api:/app
    depends_on:
      - db
  view:
    build: view
    volumes:
      - /app/node_modules
      - ./view:/app

git clone https://github.com/JoshHadik/stack_nuxt_authentication_question.git

cd stack_nuxt_authentication_question/

$ docker-compose up --build

$ docker-compose run api rails db:create db:migrate db:seed

$ git clone -b no-proxy https://github.com/JoshHadik/stack_nuxt_authentication_question.git

$ cd stack_nuxt_authentication_question/

$ docker-compose up --build

$ docker-compose run api rails db:create db:migrate db:seed