Docker nginx doesn’t work with angular route

If you are serving angular app with nginx docker image, you will notice that your cannot directly access your app route Url directly from browser’s address bar.  You will get 404 file not found error.

To resolve this, you need to edit the default.conf file to tell nginx how to find files.

# Copy your conf.d directory out to your current dir
docker cp columnConcator:/etc/nginx/conf.d .
# Stop the container
docker stop columnConcator

# Edit the default.conf file in conf.d dir
# Update your location block as following:

location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
        }

# copy modified directory back
sudo docker cp conf.d/ columnConcator:/etc/nginx
# restart the docker
docker start columnConcator

Done!