Итак, я использую vue-cookie lib из NPM для Vuejs, а по заголовкам axios я получаю cookie. Поэтому, когда я захожу на главную страницу, я вижу этот токен:
{{$cookie.get('token')}}
* * 1004
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZDA4OD.....
и у меня есть выражение if на моей панели навигации, например:
<span v-if="!$cookie.get('token')" style="display: inherit">
<li class="nav-item">
<router-link class="nav-link" to="/login">Login</router-link>
</li>
, который должен немедленно удалить логин с панели навигации, если установлен cookie. Но это не удалит Login
, пока я не обновлю страницу. Что может вызвать эту проблему? Даже при том, что я могу получить доступ ко всем URL, которые требуют куки (потому что это установлено, но navbar не понимает это без обновления страницы)