feat: enhance Vite configuration with dynamic allowed hosts and update Nginx server_name

frontend/vite.config.ts

@@ -3,6 +3,22 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 
+function getAllowedHosts() {
+  const defaultHosts = ['dociva.io', 'www.dociva.io', 'localhost', '127.0.0.1'];
+  const siteDomain = process.env.VITE_SITE_DOMAIN;
+
+  if (!siteDomain) {
+    return defaultHosts;
+  }
+
+  try {
+    const hostname = new URL(siteDomain).hostname;
+    return Array.from(new Set([...defaultHosts, hostname]));
+  } catch {
+    return defaultHosts;
+  }
+}
+
 export default defineConfig({
   plugins: [react()],
   test: {
@@ -17,6 +33,7 @@ export default defineConfig({
   server: {
     port: 5173,
     host: true,
+    allowedHosts: getAllowedHosts(),
     proxy: {
       '/api': {
         target: 'http://backend:5000',
@@ -24,6 +41,10 @@ export default defineConfig({
       },
     },
   },
+  preview: {
+    host: true,
+    allowedHosts: getAllowedHosts(),
+  },
   build: {
     outDir: 'dist',
     sourcemap: false,

nginx/nginx.conf

@@ -8,7 +8,7 @@ upstream frontend {
 
 server {
     listen 80;
-    server_name localhost;
+    server_name localhost 127.0.0.1 178.104.57.123 dociva.io www.dociva.io;
     client_max_body_size 100M;
 
     # Security headers