feat: optimize build process & switch to nginx container (#20)

This fixes the CORS issue when running the container in prod as well.
The API URL is currently specified in multiple places.
Added vite optimize to the build script.

fixes #18

Dockerfile

@@ -1,12 +1,12 @@
-FROM node:21-alpine
+FROM node:21-alpine as build
 
 WORKDIR /app
 
 COPY . .
-RUN npm install
-RUN npx vite build
-RUN npx vite optimize
+RUN npm ci
+RUN npm run build
 
-EXPOSE 4173
+FROM nginx:latest
 
-CMD [ "npx", "vite", "preview" ]
+COPY --from=build /app/dist/ /usr/share/nginx/html
+COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf

cesium-dashboard.yaml

@@ -17,7 +17,7 @@ spec:
       - name: cesium-dashboard
         image: ghcr.io/forumviriumhelsinki/cesium-dashboard:latest
         ports:
-        - containerPort: 4173
+        - containerPort: 80
 ---
 apiVersion: v1
 kind: Service
@@ -27,7 +27,7 @@ spec:
   ports:
     - name: http
       port: 80
-      targetPort: 4173
+      targetPort: 80
   selector:
     app: cesium-dashboard
 ---

nginx/nginx.conf

@@ -0,0 +1,14 @@
+server {
+  listen 80;
+    server_name _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri /index.html;
+    }
+    location /tiles {
+        proxy_pass "https://dl2sa.blob.core.windows.net/public3d/katukuntotieto";
+    }
+}

package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "vue-tsc && vite build && vite optimize",
     "deploy": "vue-tsc && vite build && aws s3 sync dist s3://hel-roadcondition --acl public-read --profile advianconsulting",
     "preview": "vite preview --host"
   },