Fix Domain Access Issue in Latest Vite Version (opea-project#1444)

Fix the restriction on using domain names when users are using the latest version of Vite

When users use the new version of Vite, the UI cannot be accessed via domain names due to Vite's new rules. This fix adds the corresponding parameters according to Vite's new rules, ensuring that users can access the frontend via domain names when building the UI.

Fixes opea-project#1441

Co-authored-by: WenjiaoYue <[email protected]>

Author: WenjiaoYue

AgentQnA/ui/svelte/vite.config.ts

@@ -7,14 +7,7 @@ import type { UserConfig } from "vite";
 const config: UserConfig = {
 	plugins: [sveltekit()],
 	server: {
-		proxy: {
-			"/api": {
-				target: "http://10.112.228.168:8000",
-				changeOrigin: true,
-				secure: true,
-				rewrite: (path) => path.replace(/^\/api/, ""),
-			},
-		},
+		allowedHosts: true,
 	},
 };
 

AudioQnA/ui/svelte/vite.config.ts

@@ -17,6 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
+	server: {
+		allowedHosts: true,
+	},
 };
 
 export default config;

ChatQnA/ui/svelte/vite.config.ts

@@ -17,7 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
-	server: {},
+	server: {
+		allowedHosts: true,
+	},
 };
 
 export default config;

CodeGen/ui/svelte/vite.config.ts

@@ -17,7 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
-	server: {},
+	server: {
+		allowedHosts: true,
+	},
 };
 
 export default config;

CodeTrans/ui/svelte/vite.config.ts

@@ -17,4 +17,7 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [sveltekit()],
+  server: {
+    allowedHosts: true,
+  },
 });

DocSum/ui/svelte/vite.config.ts

@@ -17,7 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
   plugins: [sveltekit()],
-  server: {},
+  server: {
+    allowedHosts: true,
+  },
 };
 
 export default config;

FaqGen/ui/svelte/vite.config.ts

@@ -17,7 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
   plugins: [sveltekit()],
-  server: {},
+  server: {
+    allowedHosts: true,
+  },
 };
 
 export default config;

GraphRAG/ui/svelte/vite.config.ts

@@ -6,7 +6,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
-	server: {},
+	server: {
+		allowedHosts: true,
+	},
 };
 
 export default config;

SearchQnA/ui/svelte/vite.config.ts

@@ -17,7 +17,9 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
-	server: {},
+	server: {
+		allowedHosts: true,
+	},
 };
 
 export default config;

Text2Image/ui/svelte/vite.config.ts

@@ -18,8 +18,7 @@ import type { UserConfig } from "vite";
 const config: UserConfig = {
 	plugins: [sveltekit()],
 	server: {
-		host: "0.0.0.0",
-		port: 5173,
+		allowedHosts: true,
 	},
 };
 

Translation/ui/svelte/vite.config.ts

@@ -17,4 +17,7 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [sveltekit()],
+  server: {
+    allowedHosts: true,
+  },
 });

VisualQnA/ui/svelte/vite.config.ts

@@ -17,7 +17,8 @@ import type { UserConfig } from "vite";
 
 const config: UserConfig = {
 	plugins: [sveltekit()],
-	server: {},
+	server: {
+		allowedHosts: true,
+	},
 };
-
 export default config;