diff --git a/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue b/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
index e9ccc64dd5..1397356ca5 100644
--- a/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
@@ -448,7 +448,10 @@ export default {
         return true;
       }
       this.condition.domain = decodeURIComponent(url.hostname);
-
+      if (socket.startsWith("${")){
+        let split = socket.split(":");
+        this.condition.domain = split[0];
+      }
       this.condition.port = url.port;
       let path = url.pathname === "/" ? "" : url.pathname;
       if (url.port) {
diff --git a/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue b/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
index 5ed0f26c86..403b4214fd 100644
--- a/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
+++ b/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
@@ -453,7 +453,10 @@ export default {
         return true;
       }
       this.condition.domain = decodeURIComponent(url.hostname);
-
+      if (socket.startsWith("${")){
+        let split = socket.split(":");
+        this.condition.domain = split[0];
+      }
       this.condition.port = url.port;
       let path = url.pathname === "/" ? "" : url.pathname;
       if (url.port) {