как исправить значение переменной всегда будет нулевым после перенаправления метода next ()

Question

Я пробую некоторые с vue-cli 3.
Это vue версия 2.6.10.
Пока я пытаюсь использовать routerRoute для защиты маршрута ив то время как я вхожу в первый раз, он работает оштрафовано, но когда я удаляю cookie, служба защиты маршрута не получает значение cookie для передачи в api, она всегда показывает нулевое значение в запросе заголовка.

Пожалуйста, проверьте мой код ниже.

Я пытаюсь vuex , но не повезло.

import Vue from 'vue'
import Router from 'vue-router'
import Login from './views/login/route'
import Dashboard from './views/dashboard/route'
import axios from '../lib/axios'

Vue.use(Router)

const router = new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    ...Login,
    ...Dashboard
  ]
})

router.beforeEach( async (to, from, next) => {

  // validate route is auth
  if(to.matched.some(record => record.meta.auth)){
      var cookie = $cookies.get('basic-app-token');
      if(cookie != null){
          console.log('before send', cookie);
          let res = await axios.get('http://localhost:8000/api/token/check',{
            headers: {
              Authorization: 'Bearer '+cookie
            }
          });
          console.log('after send', res.data);
          if(res.data.success){
              next()
          }else{
            next({name: 'login'})
          }
      }else{
        next({name: 'login'})
      }
  }else{
    next()
  }

})

export default router

результат в заголовке запроса всегда показывает "Авторизация: Носитель"нуль».