Vue.js spa Аутентификация |не удается получить токен из хранилища?

Question

Моя проблема в том, что я использую пакеты @ websanova / vue-auth и vue-router с laravel для написания spa (системы аутентификации api).Когда пользователь входит в систему, он должен перенаправить на другой маршрут (без перезагрузки) с токеном, установленным в localsorage.В моем resources/bootstrap.js файле, когда я получаю токен из localstorage, он возвращает «ноль», хотя я проверял значение токена в инспекторе браузера.

Вот мой bootstrap.js:

const token = localStorage.getItem('token')
 window.Echo = new Echo({
     broadcaster: 'pusher',
     key: 'ec356bcd******',
     cluster: 'ap2',
     encrypted: true,
     host: 'http://1227.0.0.1:8000',
     authEndpoint: 'api/broadcasting/auth',
     auth: {
        headers: {
          Authorization: 'Bearer ' + token
        },
      },
 });

Итак,

Authorization: 'Bearer ' + token 

возвращает:

Authorization: 'Bearer null'

, но если я обновляю страницу, все работает отлично, но, поскольку мое приложение - spa, пользователь не должен обновлять страницу