вопрос в том и состоит что на фронт я не хочу передавать єтот пароль... в любом виде

в прокси же. принцип и инструменты

+ мидлвара на прокси

Да не, можно и его передавать. На бэке нужно держать pem-ключики и ими подписывать jwt. Это называется JWS https://tools.ietf.org/html/rfc7515

Да забейте вы на эту прокси, у нее здесь вообще нет роли

Короче, здесь суть в ассиметричном шифровании, приватник хранится на бэке, для верификации токена требуется только публичный ключик. Сервер создает сигнатуру, а проверить ее может кто угодно при помощи публичного ключа. Можете и его тоже передать на фронт - это безопасно. Главное что перезаписать jws может только обладатель приватника.

не то.

Ну или если речь про миддлварю то либо с бэка передавайте ей паблик ключ, либо вместе с токеном с фронта. И просто верифицируйте там токен. Просто с вебсокетом вы это делаете либо при установке соединения, либо в нужные сообщения их добавляете потом

У меня есть несколько страниц, на одних страницах есть сайдбар, на некоторых нет.
Я хочу вынести сайдбар в именованный router outlet. Есть ли способ такому сайдбару общаться с основным компонентом напрямую, а не через сервис?
Например, на одной странице у меня слева таблица, а в сайдбаре - фильтры и кнопки которые привязаны к этой таблице. Сейчас все это лежит в одном компоненте. Если вынести сайдбар в именованный router-outlet, как ему общаться с таблицей?

у router outlet есть эвент (activated). Можно с помощью него

это хорошо, но как мне это поможет

сейчас разметка рутового компонента такая:

<main>
  <div class="container">
    <h1>{{ pageTitle$ | async }}</h1>
    <router-outlet></router-outlet>
  </div>
</main>

и внутри роута сайдбар то есть, то его нет, в зависимости от страницы. Из-за этого в каждый компонент я тяну лишнюю разметку.

я хочу сделать разметку рутового компонента примерно такой:

<main>
  <div class="container">
    <h1>{{ pageTitle$ | async }}</h1>
  </div>

  <div class="d-flex">
    <mat-card class="data">
      <router-outlet></router-outlet>
    </mat-card>

   <mat-card class="sidebar">
     <router-outlet name="sidebar"></router-outlet>
   </mat-card>
  </div>
</main>

ну в данном случае наверное через сервис проще будет.
если через activated, то в корневом компоненте будет не лишняя разметка, а лишний, общий для всех, код по обработке компонентов, прилетающих в activated

Так себе художество конечно ) но как смог.

вот этот password WS1  - нужно скрыть на фронте

а если просто activatedRoute и ngIf...

не понял

через сервис я не хочу делать, потому что сокращая код в одном месте (общая разметка в каждом роуте), я многократно его увеличиваю в другом(нужен отдельный сервис каждому сайдбару). Вот думал может еще какой-нибудь способ есть

почему каждому?

в мейн компоненте имеем activatedRoute  и чтото типа
const mapR = {
route1: true,
route2: false,
}
<mat-card class="sidebar">
   <side-bar ngIf="mapR[activatedRoute]">....
  </mat-card>