diff --git a/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue b/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
index 8adacbd689..0bbc7f5c9b 100644
--- a/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/EnvironmentHttpConfig.vue
@@ -32,7 +32,7 @@
         </el-radio-group>
         <div v-if="condition.type === 'MODULE'" style="margin-top: 6px">
           <ms-select-tree size="small" :data="moduleOptions" :default-key="condition.ids" @getValue="setModule"
-                          :obj="moduleObj" clearable :checkStrictly="true" multiple v-if="!loading"/>
+                          :obj="moduleObj" clearable :checkStrictly="true" multiple v-if="!loading" @clean="clean"/>
         </div>
         <div v-if="condition.type === 'PATH'" style="margin-top: 6px">
           <el-input v-model="pathDetails.name" :placeholder="$t('api_test.value')" clearable size="small">
@@ -326,6 +326,10 @@ export default {
         });
       }
     },
+    clean() {
+      this.condition.details = [];
+      this.condition.ids = [];
+    },
     update() {
       const index = this.httpConfig.conditions.findIndex((d) => d.id === this.condition.id);
       this.validateSocket(this.condition.socket);
@@ -451,6 +455,7 @@ export default {
       if (socket.startsWith("${")){
         let split = socket.split(":");
         this.condition.domain = split[0];
+        return true;
       }
       this.condition.port = url.port;
       let path = url.pathname === "/" ? "" : url.pathname;
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 464bf407f6..0298c08255 100644
--- a/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
+++ b/project-management/frontend/src/business/menu/environment/components/EnvironmentHttpConfig.vue
@@ -32,7 +32,7 @@
         </el-radio-group>
         <div v-if="condition.type === 'MODULE'" style="margin-top: 6px">
           <ms-select-tree size="small" :data="moduleOptions" :default-key="condition.ids" @getValue="setModule"
-                          :obj="moduleObj" clearable :checkStrictly="true" multiple v-if="!loading"/>
+                          :obj="moduleObj" clearable :checkStrictly="true" multiple v-if="!loading" @clean="clean"/>
         </div>
         <div v-if="condition.type === 'PATH'" style="margin-top: 6px">
           <el-input v-model="pathDetails.name" :placeholder="$t('api_test.value')" clearable size="small">
@@ -62,7 +62,7 @@
             {{ $t('commons.add') }}
           </el-button>
           <div v-else>
-            <el-button type="primary" style="float: right;margin-left: 10px" size="mini" @click="clear">
+            <el-button type="primary" style="float: right;margin-left: 10px" size="mini" @click="clear()">
               {{ $t('commons.clear') }}
             </el-button>
             <el-button type="primary" style="float: right" size="mini" @click="update(condition)">{{
@@ -331,6 +331,10 @@ export default {
         });
       }
     },
+    clean() {
+      this.condition.details = [];
+      this.condition.ids = [];
+    },
     update() {
       const index = this.httpConfig.conditions.findIndex((d) => d.id === this.condition.id);
       this.validateSocket(this.condition.socket);
@@ -456,6 +460,7 @@ export default {
       if (socket.startsWith("${")){
         let split = socket.split(":");
         this.condition.domain = split[0];
+        return true;
       }
       this.condition.port = url.port;
       let path = url.pathname === "/" ? "" : url.pathname;