Configure Azure deployment with Cosmos DB and CI/CD

Author: DevITJAX

.github/workflows/cd.yml

@@ -4,6 +4,9 @@ on:
   push:
     branches: [main]
 
+env:
+  BACKEND_URL: https://flowops-backend.azurewebsites.net
+
 jobs:
   deploy:
     name: Deploy to Azure
@@ -18,12 +21,12 @@ jobs:
         with:
           node-version: '20'
 
-      # Build Frontend
+      # Build Frontend with production API URL
       - name: Build Frontend
         run: |
           cd frontend
           npm ci
-          npm run build
+          VITE_API_URL=${{ env.BACKEND_URL }}/api npm run build
           cp server.js dist/
           cp package.json dist/
           cd dist

frontend/src/services/api.js

@@ -1,7 +1,10 @@
 import axios from 'axios';
 
+// API URL - uses environment variable in production, localhost in development
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3001/api';
+
 const api = axios.create({
-    baseURL: 'http://localhost:3001/api'
+    baseURL: API_BASE_URL
 });
 
 // Request interceptor to add auth token
@@ -110,7 +113,7 @@ export const attachmentsAPI = {
     upload: (taskId, formData) => api.post(`/tasks/${taskId}/attachments`, formData, {
         headers: { 'Content-Type': 'multipart/form-data' }
     }),
-    download: (id) => `http://localhost:3001/api/attachments/${id}/download`,
+    download: (id) => `${API_BASE_URL}/attachments/${id}/download`,
     delete: (id) => api.delete(`/attachments/${id}`)
 };