Skip to content

Instantly share code, notes, and snippets.

@nodamu

nodamu/multiple angular app configuration for nginx

Forked from gokman/multiple angular app configuration for nginx
Created March 18, 2021 23:54
Show Gist options
  • Save nodamu/5f4b3a49a642fe390405bd2ac1d95efe to your computer and use it in GitHub Desktop.
Save nodamu/5f4b3a49a642fe390405bd2ac1d95efe to your computer and use it in GitHub Desktop.
Download ZIP
multiple angular app configuration for nginx
Raw
multiple angular app configuration for nginx
1. build app1 project with prod flag
ng build --prod
2. copy files under dist folder to the server
scp -r dist/app1/* {username}@{ip address of server}:/var/www/app1/
3. set base href of application (app1 works on /)
<base href="/">
4. build app2 project with prod flag
ng build --prod
5. copy files under dist folder to the server
scp -r dist/app2/* {username}@{ip address of server}:/var/www/app2/
6. set base href of application (app2 works on /app2/)
<base href="/app2/">
7. make nginx configuration in sites-available/my_app file
server {
listen 8080;
server_name {ip address of server};
location / {
alias /var/www/app1/;
try_files $uri /index.html;
}
location /app2/ {
alias /var/www/app2/;
try_files $uri /app2/index.html;
}
}
8. create symbolic link of above configuration
ln -s sites-available/my_app sites-enabled/
9. restart nginx
systemctl restart nginx
10. go app1
http://{server address}/
11. go app2
http://{server address}/app2/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment