Как предотвратить отображение моей страницы до аутентификации

У меня есть функция аутентификации, вставленная на все страницы, которые я хочу использовать только для пользователей. Но HTML получает рендеринг, а затем выполняет аутентификацию. Как я могу предотвратить рендеринг DOM до аутентификации?

Используйте XMLHttpRequest для проверки достоверности информации на сервере перед построением или показом DOM.

StackSlave 05.04.2021 05:24

Я могу сделать это, установив класс display = none в теле, удалив его при проверке аутентификации, но HTML отображается в консоли во время проверки. Нет, например, такого метода, как window.onload?

nazarenoalt 05.04.2021 05:38

Ваш HTML не так важен, чтобы вы беспокоились о том, чтобы скрыть свою структуру. Создать свою структуру может любой желающий. Однако вам следует сосредоточиться на безопасности данных. При этом, если вы не хотите, чтобы клиент видел HTML до окончания запроса, отправьте HTML с сервера клиенту.

StackSlave 05.04.2021 06:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
29
2

Ответы 2

как насчет разделения кода? Сначала проверьте аутентификацию, затем асинхронно загружает HTML-код.

// auth page
const check =async()=>{
  await authentication();
  
  import("./renderFile.js").then(a => {
    
  });
}

check();

можешь попробовать

if (authenticated) {window.open(params)}//open whatever page you want

и для нового окна

if (window.opener === 'bleh') {window.open(params)}//open error page

может быть неудобно для пользователя, поэтому попробуйте использовать document.write

Другие вопросы по теме