Initial Dockerfile contribution

Dockerfile

@@ -0,0 +1,22 @@
+# build the app in a separate build container
+FROM node:lts-slim as build
+# Permission for app
+RUN mkdir /app && chown node:node /app
+WORKDIR /app
+COPY --chown=node:node . .
+ENV PATH="./node_modules/.bin:$PATH"
+USER node
+RUN npm ci --no-optional && npm cache clean --force && npm run build
+
+# the deployment container
+FROM nginx:alpine
+COPY Dockerfile.nginx.config /etc/nginx/conf.d/default.conf
+# swap these two lines to use a local build or to utilize the docker build image
+COPY --from=build /app/dist /usr/share/nginx/html
+#COPY dist /usr/share/nginx/html
+
+# USER nobody
+
+EXPOSE 80
+
+CMD ["/bin/sh",  "-c",  "exec nginx -g 'daemon off;'"]

Dockerfile.nginx.config

@@ -0,0 +1,19 @@
+# used for nginx container
+
+server {
+    listen 80;
+    location / {
+        root   /usr/share/nginx/html/;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html =404;
+    }
+
+    # security options
+    # add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; frame-ancestors 'none'; connect-src 'self';
+    add_header Referrer-Policy "no-referrer, strict-origin-when-cross-origin";
+    add_header Strict-Transport-Security "max-age=63072000; includeSubDomains";
+    add_header X-Content-Type-Options nosniff;
+    # We allow embedding into an iframe to visualize within the CI system.
+    # add_header X-Frame-Options DENY;
+    add_header X-XSS-Protection "1; mode=block";
+}

vue.config.js

@@ -2,6 +2,8 @@ module.exports = {
   transpileDependencies: ["vuetify"],
   publicPath:
     process.env.NODE_ENV === "production"
-      ? "/" + process.env.REPOSITORY_NAME + "/"
+      ? typeof process.env.REPOSITORY_NAME == "undefined"
+        ? "/"
+        : "/" + process.env.REPOSITORY_NAME + "/"
       : "/",
 }