Reactjs Аутентификация / Авторизация

Question

Мне нужно разделить приложение activjs на 2 части, а затем защитить одно из них с помощью имени пользователя / пароля.Я прочитал пару уроков об этом.Но, похоже, их подход заключается в том, чтобы загрузить все приложение в веб-браузер, а затем просто показать / скрыть что-то в зависимости от аутентификации.Что мне нужно, так это то, что защищенные части не должны передаваться клиентской стороне (браузеру) вообще.Какова обычная практика реагирования, пожалуйста?Большое спасибо!

Answer 1

Вы можете использовать рендерер на стороне сервера, например Next.js или что-то еще, чтобы показать или скрыть части приложения на основе уровней авторизации от сервера.

Обычно я использую стандартную HTML-форму для страниц входа и отправки реального приложения.только когда пользователь аутентифицирован.Чтобы показать или скрыть специальные части, я пытаюсь разбить приложение на куски, вы можете увидеть подробности в этой статье .

Подумайте о средствах рендеринга на стороне сервера, возможно, это то, что вы ищете.

Answer 2

Мое предложение - использовать библиотеку реактив-маршрутизатор (activ-router-dom).

Воспользуйтесь этим примером кода