Add custom nginx.conf for serving single page application

Author: NicoBiernat

Dockerfile

@@ -1,3 +1,6 @@
+# syntax=docker.io/docker/dockerfile:1.7-labs
+# ^this line above must be the first line - it enables the --exclude flag for COPY
+
 # Use Node.js runtime as builder base image.
 # Since the built app is platform-agnostic, we use the host architecture
 # even if we are cross-building the image.
@@ -10,9 +13,9 @@ COPY package*.json ./
 RUN npm install
 
 # Build LUNA for production
-COPY . .
+COPY --exclude=nginx.conf . .
 
-ARG DEPLOYMENT_ENVIRONMENT=prod
+ARG DEPLOYMENT_ENVIRONMENT=production
 ENV DEPLOYMENT_ENVIRONMENT ${DEPLOYMENT_ENVIRONMENT}
 
 RUN npm run build:$DEPLOYMENT_ENVIRONMENT
@@ -22,6 +25,7 @@ FROM nginx:alpine
 
 # Copy bundled app to Nginx' default directory
 COPY --from=builder /opt/luna/build /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
 
 EXPOSE 80
 

nginx.conf

@@ -0,0 +1,59 @@
+user  nginx;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+pid        /var/run/nginx.pid;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    # default_type application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+    
+    server {
+        listen       80;
+        listen  [::]:80;
+        server_name  localhost;
+
+        access_log  /var/log/nginx/access.log  main;
+
+        # gzip on;
+        # gzip_types text/html application/javascript application/json text/css; 
+
+        root /usr/share/nginx/html;
+        index index.html;
+
+        location / {
+            default_type text/html;
+            try_files $uri $uri/ $uri.html /index.html;
+        }
+
+        # In case we want to cache js, css and images for longer:
+        # location ~* \.(?:css|js|jpg|svg)$ {
+        #     expires 30d;
+        #     add_header Cache-Control "public";
+        # }
+
+        #error_page  404              /404.html;
+
+        # redirect server error pages to the static page /50x.html
+        #
+        error_page   500 502 503 504  /50x.html;
+        location = /50x.html {
+            root   /usr/share/nginx/html;
+        }
+    }
+}