angular.js – Multiple angular apps at same domain

I was wondering if host multiple angular apps at same domain it can opens some security breach, and if yes, what it will be the best approach to do that in my following scenario:

The project that i’m creating, has the following structure:

  • An API created in Django
  • An APP to final user created in Angular
  • An administrative panel APP created in Angular

And i’m hosting with NGINX with the following rules:

server {
   server_name xxx.xxx.xxx.xx;
   listen 443 ssl;
   
   # Handles proxying to Angular App
   location / {
       alias /home/web/dist/;
       try_files $uri $uri/ /index.html;
   }
   
   # Handles proxying to Angular App - Admin System
   location /panel {
       alias /home/web-admin-panel/dist/;
       try_files $uri $uri/ /panel/index.html;
   }
   
   # Handles proxying to Django API
   location /api {
       include proxy_params;
       proxy_pass http://unix:/home/backend/project.sock;
   }
}

I build the admin app application using ng build --c production --base-href /panel/ to work properly.