Question

How to serve multiple angular apps from one digital-ocean droplet based on /path.

Posted November 27, 2021 294 views
NginxAngular

Hi Folks,

I am new to digital ocean platform and nginx, I have setup a droplet which serves an angular app seamlessly, however I want to serve multiple angular apps from one digital-ocean droplet based on URL/path.

for an example

abc.com/app1 —–> ~/app1/index.html
abc.com/app2 —–> ~/app2/index.html

and so on.

Please refer following configuration I have for my sites-available/abc.com

server {
        root /home/alok/abc-web;
        index index.html index.htm index.nginx-debian.html;
        server_name abc.one www.abc.one; 
        try_files $uri $uri/ /index.html;

         location /app1/ {
           alias /home/alok/abc-web/app1/dist/;
           try_files $uri /index.html;
        }

       location /app2/ {
           alias /home/alok/abc-web/app2/dist/;
           try_files $uri /index.html;
       }


    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/abc.one/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/abc.one/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

server {
    if ($host = abc.one) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


        listen 80;
        listen [::]:80;

        server_name abc.one www.abc.one;
    return 404; # managed by Certbot


}

I have replaced abc.com with actual domain name I used.

I understand its more of an Nginx config issue than a digital-ocean droplet issue.

Thanks in advance.

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

×
Submit an Answer
1 answer

Hi there,

I think that the Ningx config looks good, you just need to update the locations a little bit to:

        location /app1/ {
           alias /home/alok/abc-web/app1/dist/;
           try_files $uri /app1/index.html;
       }

       location /app2/ {
           alias /home/alok/abc-web/app2/dist/;
           try_files $uri /app2/index.html;
       }

Note that after each Nginx config change, you need to restart/reload the Nginx service.

Let me know how it goes!
Best,
Bobby