Vue запретить рендеринг страницы до тех пор, пока аутентификация не будет подтверждена

Question

У меня есть давнее vue приложение, которое использует стороннюю регистрацию для аутентификации людей. Проблема, которую нам нужно решить, заключается в том, что когда пользователь нажимает на заданную страницу по ссылке, страница кратко отображается в полуручном состоянии, прежде чем пользователь будет перенаправлен к третьей стороне для аутентификации. Рендеринг «контейнера» в порядке, но не основной контент страницы. Я могу переместить код проверки подлинности на более ранние этапы жизненного цикла, но мерцание никогда не исчезает.

Существует ли идиоматический c способ в Vue, чтобы предотвратить отображение основного содержимого страницы до завершения какой-либо другой проверки (например, проверки подлинности)? Существует ли стандартный поток для авторизации и перенаправления аутентификации в частности?

Answer 1

Если вы еще не пробовали, я бы предложил проверить аутентификацию через nav guard , если вы используете vue -router. Я бы также предложил обернуть «секретный» компонент родительским компонентом и проверить подлинность родительского компонента, используя beforeEnter