init

Dockerfile

-# Use an official Vue.js runtime image as the base image
-FROM node:14-slim as build
+# Use an official Node.js runtime as the base image
+FROM node:14
 
 # Set the working directory in the container
 WORKDIR /app
 
-# Copy package.json and package-lock.json to the working directory
+# Copy the package.json and package-lock.json (or yarn.lock) files to the container
 COPY package*.json ./
 
-# Install project dependencies
+# Install app dependencies
 RUN npm install
 
 # Copy the rest of the application code to the container
-COPY src/components .
+COPY . .
 
-# Build the Vue.js application
+# Build the Vue.js app for production
 RUN npm run build
 
-# Use a lightweight Nginx image to serve the built Vue.js app
-FROM nginx:1.21-alpine
-
-# Copy the built app from the previous stage into the Nginx image
-COPY --from=build /app/dist /usr/share/nginx/html
-
-# Expose port   for incoming HTTP traffic
+# Expose the port the app will run on (change this if necessary)
 EXPOSE 8081
 
-# Start Nginx when the container starts
-CMD ["nginx", "-g", "daemon off;"]
+# Set the startup command to serve the built app
+CMD ["npm", "run", "serve"]

deployment.yaml

@@ -14,7 +14,7 @@ spec:
     spec:
       containers:
         - name: frontend
-          image: https://gitlab.univ-lille.fr/ronick.romulus.etu/vue/frontend-image:latest
+          image: roromulus/vue:latest
           ports:
             - containerPort: 8081  # Port your Vue.js app is running on
           env:

package.json

@@ -3,6 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
+    "serve": "vite",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"