configure frontend service URLs via environment variables and add Nginx proxy rules for backend services in deployment.

Author: brettoak

.github/workflows/deploy-frontend.yml

@@ -91,6 +91,10 @@ jobs:
             DOMAIN="watch.dongyuhan.com"
             CERT_DIR="/etc/letsencrypt/live/$DOMAIN"
             FRONTEND_DIR="/home/${{ secrets.FRONTEND_USER }}/app/frontend/dist"
+            
+            # Service URLs (Matched to production requirements)
+            PASSPORT_SERVICE_URL="http://127.0.0.1:8089"
+            BACKEND_SERVICE_URL="http://127.0.0.1:8081"
 
             # Fix permissions: Nginx needs +x on the home dir tree and 755 on the app dir
             sudo chmod +x /home/${{ secrets.FRONTEND_USER }}
@@ -114,6 +118,24 @@ jobs:
                 location / {
                     try_files \$uri \$uri/ /index.html;
                 }
+
+                # Proxy to Passport Service
+                location /api/passport/ {
+                    proxy_pass $PASSPORT_SERVICE_URL/api/v1/;
+                    proxy_set_header Host \$host;
+                    proxy_set_header X-Real-IP \$remote_addr;
+                    proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
+                    proxy_set_header X-Forwarded-Proto \$scheme;
+                }
+
+                # Proxy to Backend Service
+                location /api/sev/ {
+                    proxy_pass $BACKEND_SERVICE_URL/api/v1/sev/;
+                    proxy_set_header Host \$host;
+                    proxy_set_header X-Real-IP \$remote_addr;
+                    proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;
+                    proxy_set_header X-Forwarded-Proto \$scheme;
+                }
             }
             NGINX_EOF
               sudo cp /tmp/svcwatch_frontend.conf /etc/nginx/conf.d/svcwatch-frontend.conf

frontend/vite.config.ts

@@ -1,15 +1,20 @@
 import { fileURLToPath, URL } from 'node:url'
 
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
-// Service URLs
-const PASSPORT_SERVICE_URL = 'http://127.0.0.1:8089'
-const BACKEND_SERVICE_URL = 'http://127.0.0.1:8080'
-
 // https://vite.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => {
+  // Load env file based on `mode` in the current working directory.
+  // Set the third parameter to '' to load all env regardless of the `VITE_` prefix.
+  const env = loadEnv(mode, process.cwd(), '')
+  
+  // Service URLs
+  const PASSPORT_SERVICE_URL = env.VITE_PASSPORT_SERVICE_URL || 'http://127.0.0.1:8089'
+  const BACKEND_SERVICE_URL = env.VITE_BACKEND_SERVICE_URL || 'http://127.0.0.1:8080'
+
+  return {
   plugins: [
     vue(),
     vueDevTools(),
@@ -38,4 +43,5 @@ export default defineConfig({
       },
     },
   },
+}
 })

frontend/vitest.config.ts

@@ -3,7 +3,7 @@ import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
 import viteConfig from './vite.config'
 
 export default mergeConfig(
-  viteConfig,
+  typeof viteConfig === 'function' ? viteConfig({ mode: 'test', command: 'serve', isSsrBuild: false, isPreview: false }) : viteConfig,
   defineConfig({
     test: {
       environment: 'jsdom',