Перезагрузка или обновление страницы удаляет авторизацию в vue.js

Question

Я использую социальную аутентификацию с использованием библиотеки vue-google-oauth2 .Это работает нормально, так как я могу подтвердить свою личность, и я тоже получаю токен от серверной части.

При первом входе в систему и использовании функции, являющейся частью библиотеки vue-google-oauth2, которую я использую, чтобы проверить, говорит ли я, авторизован я или нет, выдается следующееответ в консоли моего браузера:

this. $ gAuth.isAuthorized

true

Когда я обновляю страницу браузера и, так как япоместив команду отладчика в мой код, и я снова печатаю ту же функцию, я получаю следующий ответ:

this. $ gAuth.isAuthorized

false

Что я могу сделать, чтобы переключение вкладок, перезагрузка страницы или ее обновление не сделали этого?Или это то, что на самом деле должно происходить?

Answer 1

В документации библиотеки для страницы vue-google-oauth, с которой вы связались, написано, что вам нужно отправить этот код обратно на ваш бэкэнд-сервер, чтобы создать токен, чтобы оставаться в системе, чтобы он действовал, как и ожидалось.Отсюда (https://www.npmjs.com/package/vue-google-oauth2#usage---getting-authorization-code) он гласит:

Возвращаемый authCode - это однократный код, который вы можете отправить на ваш внутренний сервер, чтобы сервер мог обменять егособственные access_token и refresh_token

Другими словами, вам нужно что-то сделать с этим кодом, чтобы он сохранялся в вашем приложении, в противном случае это просто однократный код, поэтому следует ожидать.

Answer 2

Вы смотрели на сохранение в качестве данных сеанса? Я не знаком с тем, как работает угловое состояние, но когда вы устанавливаете исходное состояние, вы можете искать ключ сеанса «авторизованный», а если он не существует, установить для auth значение false, если он существует, установить его значение.

localstorage.getItem(item) а также localstorage.setItem(item)

Существует также возможность создания компонента, который обрабатывает Google Auth и отправляет его в состояние.