diff --git a/docs/config/server-options.md b/docs/config/server-options.md
index c2f0255634d4f1..6b9e2214751cd2 100644
--- a/docs/config/server-options.md
+++ b/docs/config/server-options.md
@@ -70,7 +70,7 @@ Setting `server.allowedHosts` to `true` allows any website to send requests to y
 :::
 
 ::: details Configure via environment variable
-You can set the environment variable `__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS` to add an additional allowed host.
+You can use the environment variable `__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS` to add one or multiple additional allowed hosts, seperated by comma.
 :::
 
 ## server.port
diff --git a/packages/vite/src/node/server/index.ts b/packages/vite/src/node/server/index.ts
index 4bdccdd00eb502..ae71a23093a5ab 100644
--- a/packages/vite/src/node/server/index.ts
+++ b/packages/vite/src/node/server/index.ts
@@ -1166,8 +1166,10 @@ export function resolveServerOptions(
     process.env.__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS &&
     Array.isArray(server.allowedHosts)
   ) {
-    const additionalHost = process.env.__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS
-    server.allowedHosts = [...server.allowedHosts, additionalHost]
+    const additionalHosts = process.env.__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS
+      .split(',')
+      .map((i) => i.replace(/^https?:\/\//, ''))
+    server.allowedHosts = [...server.allowedHosts, ...additionalHosts]
   }
 
   return server