add Dockerfile

.github/workflows/azure-static-web-apps-ashy-sky-02a7d0403.yml

@@ -32,7 +32,9 @@ jobs:
           api_location: "" # Api source code path - optional
           output_location: "dist" # Built app content directory - optional
           ###### End of Repository/Build Configurations ######
-
+        # allows the workflow to continue without deploying the site's content
+        env:
+          SKIP_DEPLOY_ON_MISSING_SECRETS: true
   close_pull_request_job:
     if: github.event_name == 'pull_request' && github.event.action == 'closed'
     runs-on: ubuntu-latest

Dockerfile

@@ -0,0 +1,13 @@
+# Stage 1: Build the Vue.js application
+FROM node:14 as build-stage
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve the application with Nginx
+FROM nginx:1.19 as production-stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -96,6 +96,17 @@ npm install
 npm run serve
 ```
 
+### Docker build
+```
+docker build -t copilot-metrics-viewer .
+```
+
+### Docker run
+```
+docker run -p 8080:80 copilot-metrics-viewer
+```
+The application is accessible at http://localhost:8080
+
 ## License 
 
 This project is licensed under the terms of the MIT open source license. Please refer to [MIT](./LICENSE.txt) for the full terms.