diff --git a/frontend/src/components/business/ms-common-script/insertCommonScript.vue b/frontend/src/components/business/ms-common-script/insertCommonScript.vue
index 060bc1a04f..c8f2b460df 100644
--- a/frontend/src/components/business/ms-common-script/insertCommonScript.vue
+++ b/frontend/src/components/business/ms-common-script/insertCommonScript.vue
@@ -3,7 +3,7 @@
     v-model:visible="insertScriptDrawer"
     :title="
       props.enableRadioSelected
-        ? t('project.commonScript.insertCommonScript')
+        ? t('project.commonScript.quoteCommonScript')
         : t('project.commonScript.insertCommonScript')
     "
     :width="960"
@@ -16,8 +16,7 @@
     @cancel="handleDrawerCancel"
   >
     <div class="mb-4 flex items-center justify-between">
-      <div v-if="propsRes.data.length" class="font-medium">{{ t('project.commonScript.commonScriptList') }}</div>
-      <a-button v-else type="outline" @click="addCommonScript">
+      <a-button type="outline" @click="addCommonScript">
         {{ t('project.commonScript.addPublicScript') }}
       </a-button>
       <a-input-search
diff --git a/frontend/src/components/business/ms-params-input/index.vue b/frontend/src/components/business/ms-params-input/index.vue
index 90a104fec9..d6f8986ba2 100644
--- a/frontend/src/components/business/ms-params-input/index.vue
+++ b/frontend/src/components/business/ms-params-input/index.vue
@@ -166,7 +166,7 @@
             </template>
           </a-form>
           <div
-            v-if="paramSettingType === 'mock'"
+            v-if="paramSettingType === 'mock' && paramForm.type !== ''"
             class="mb-[16px] flex items-center gap-[16px] bg-[var(--color-text-n9)] p-[5px_8px]"
           >
             <div class="text-[var(--color-text-3)]">{{ t('ms.paramsInput.preview') }}</div>
diff --git a/frontend/src/components/business/ms-tree/index.vue b/frontend/src/components/business/ms-tree/index.vue
index 25b1771385..19f809a28a 100644
--- a/frontend/src/components/business/ms-tree/index.vue
+++ b/frontend/src/components/business/ms-tree/index.vue
@@ -29,7 +29,7 @@
           v-if="_props.hideMoreAction !== true"
           :class="[
             'ms-tree-node-extra',
-            innerFocusNodeKey === _props[props.fieldNames.key] ? 'ms-tree-node-extra--focus' : '',
+            innerFocusNodeKey === _props[props.fieldNames.key] ? 'ms-tree-node-extra--focus' : '', // TODO:通过下拉菜单的显示隐藏去控制聚焦状态似乎能有更好的性能
           ]"
         >
           <div
@@ -467,6 +467,7 @@
         }
       }
       .arco-tree-node-selected {
+        background-color: rgb(var(--primary-1));
         .arco-tree-node-minus-icon,
         .arco-tree-node-plus-icon {
           border: 1px solid rgb(var(--primary-5));
diff --git a/frontend/src/components/pure/ms-tab/index.vue b/frontend/src/components/pure/ms-tab/index.vue
new file mode 100644
index 0000000000..9b3a8543d6
--- /dev/null
+++ b/frontend/src/components/pure/ms-tab/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-tabs v-model:active-key="innerActiveKey" :class="props.class">
+    <a-tab-pane v-for="item of props.contentTabList" :key="item.value" :title="item.label">
+      <template #title>
+        <a-badge
+          v-if="props.getTextFunc(item.value) !== ''"
+          :class="item.value === innerActiveKey ? 'active-badge' : ''"
+          :max-count="99"
+          :text="props.getTextFunc(item.value)"
+        >
+          <div class="mr-[4px]">
+            {{ item.label }}
+          </div>
+        </a-badge>
+        <div v-else>
+          {{ item.label }}
+        </div>
+      </template>
+    </a-tab-pane>
+  </a-tabs>
+</template>
+
+<script setup lang="ts">
+  const props = withDefaults(
+    defineProps<{
+      activeKey: string;
+      contentTabList: { label: string; value: string }[];
+      class?: string;
+      getTextFunc?: (value: any) => string;
+    }>(),
+    {
+      getTextFunc: (value: any) => value,
+      class: '',
+    }
+  );
+
+  const innerActiveKey = defineModel<string>('activeKey', {
+    default: '',
+  });
+</script>
+
+<style lang="less" scoped>
+  :deep(.arco-badge) {
+    @apply flex items-center;
+
+    line-height: 22px;
+    .arco-badge-text,
+    .arco-badge-number {
+      @apply relative right-0 top-0  transform-none shadow-none;
+    }
+  }
+  :deep(.active-badge) {
+    .arco-badge-text,
+    .arco-badge-number {
+      background-color: rgb(var(--primary-5));
+    }
+  }
+</style>
diff --git a/frontend/src/locale/en-US/common.ts b/frontend/src/locale/en-US/common.ts
index 878e961cef..6bbf8e73e9 100644
--- a/frontend/src/locale/en-US/common.ts
+++ b/frontend/src/locale/en-US/common.ts
@@ -118,4 +118,5 @@ export default {
   'common.to': 'To',
   'common.tip': 'Tips',
   'common.stay': 'Stay',
+  'common.apply': 'Apply',
 };
diff --git a/frontend/src/locale/zh-CN/common.ts b/frontend/src/locale/zh-CN/common.ts
index 16ac5c0fbb..811dcf2e61 100644
--- a/frontend/src/locale/zh-CN/common.ts
+++ b/frontend/src/locale/zh-CN/common.ts
@@ -121,4 +121,5 @@ export default {
   'common.to': '至',
   'common.tip': '温馨提示',
   'common.stay': '留下',
+  'common.apply': '应用',
 };
diff --git a/frontend/src/views/api-test/components/condition/content.vue b/frontend/src/views/api-test/components/condition/content.vue
index c3a30be70b..53235fe12c 100644
--- a/frontend/src/views/api-test/components/condition/content.vue
+++ b/frontend/src/views/api-test/components/condition/content.vue
@@ -99,7 +99,7 @@
       <div v-else class="flex h-[calc(100%-47px)] flex-col">
         <div class="mb-[16px] flex w-full items-center bg-[var(--color-text-n9)] p-[12px]">
           <div class="text-[var(--color-text-2)]">
-            {{ condition.scriptName || '-' }}
+            {{ condition.commonScriptInfo?.name || '-' }}
           </div>
           <a-divider margin="8px" direction="vertical" />
           <MsButton type="text" class="font-medium" @click="showQuoteDrawer = true">
@@ -320,6 +320,14 @@
     :checked-id="condition.scriptId"
     enable-radio-selected
     @save="saveQuoteScriptHandler"
+    @add-script="showAddScriptDrawer = true"
+  />
+  <AddScriptDrawer
+    v-model:visible="showAddScriptDrawer"
+    v-model:params="paramsList"
+    :confirm-loading="confirmLoading"
+    ok-text="common.apply"
+    :enable-radio-selected="true"
   />
 </template>
 
@@ -336,6 +344,7 @@
   import useTable from '@/components/pure/ms-table/useTable';
   import { ActionsItem } from '@/components/pure/ms-table-more-action/types';
   import InsertCommonScript from '@/components/business/ms-common-script/insertCommonScript.vue';
+  import AddScriptDrawer from '@/components/business/ms-common-script/ms-addScriptDrawer.vue';
   import MsScriptDefined from '@/components/business/ms-common-script/scriptDefined.vue';
   import fastExtraction from '../fastExtraction/index.vue';
   import moreSetting from '../fastExtraction/moreSetting.vue';
@@ -345,6 +354,7 @@
   import { useI18n } from '@/hooks/useI18n';
 
   import { ExecuteConditionProcessor, JSONPathExtract, RegexExtract, XPathExtract } from '@/models/apiTest/debug';
+  import { ParamsRequestType } from '@/models/projectManagement/commonScript';
   import {
     RequestConditionProcessor,
     RequestExtractEnvType,
@@ -478,6 +488,10 @@ if (!result){
     showQuoteDrawer.value = false;
   }
 
+  const showAddScriptDrawer = ref(false);
+  const paramsList = ref<ParamsRequestType[]>([]);
+  const confirmLoading = ref(false);
+
   const sqlSourceColumns: ParamTableColumn[] = [
     {
       title: 'apiTestDebug.paramName',
diff --git a/frontend/src/views/api-test/components/config.ts b/frontend/src/views/api-test/components/config.ts
new file mode 100644
index 0000000000..96a9960fa5
--- /dev/null
+++ b/frontend/src/views/api-test/components/config.ts
@@ -0,0 +1,42 @@
+import {
+  EnableKeyValueParam,
+  ExecuteRequestCommonParam,
+  ExecuteRequestFormBodyFormValue,
+} from '@/models/apiTest/debug';
+import { RequestContentTypeEnum, RequestParamsType } from '@/enums/apiEnum';
+
+// 请求 body 参数表格默认行的值
+export const defaultBodyParamsItem: ExecuteRequestFormBodyFormValue = {
+  key: '',
+  value: '',
+  paramType: RequestParamsType.STRING,
+  description: '',
+  required: false,
+  maxLength: undefined,
+  minLength: undefined,
+  encode: false,
+  enable: true,
+  contentType: RequestContentTypeEnum.TEXT,
+  files: [],
+};
+
+// 请求 header 参数表格默认行的值
+export const defaultHeaderParamsItem: EnableKeyValueParam = {
+  key: '',
+  value: '',
+  description: '',
+  enable: true,
+};
+
+// 请求 query、rest 参数表格默认行的值
+export const defaultRequestParamsItem: ExecuteRequestCommonParam = {
+  key: '',
+  value: '',
+  paramType: RequestParamsType.STRING,
+  description: '',
+  required: false,
+  maxLength: undefined,
+  minLength: undefined,
+  encode: false,
+  enable: true,
+};
diff --git a/frontend/src/views/api-test/components/paramTable.vue b/frontend/src/views/api-test/components/paramTable.vue
index 893c783ca3..45ec6d0208 100644
--- a/frontend/src/views/api-test/components/paramTable.vue
+++ b/frontend/src/views/api-test/components/paramTable.vue
@@ -404,6 +404,7 @@
   import { RequestBodyFormat, RequestContentTypeEnum, RequestParamsType } from '@/enums/apiEnum';
   import { SelectAllEnum, TableKeyEnum } from '@/enums/tableEnum';
 
+  import { filterKeyValParams } from './utils';
   import { TableOperationColumn } from '@arco-design/web-vue/es/table/interface';
   // 异步加载组件
   const MsAddAttachment = defineAsyncComponent(() => import('@/components/business/ms-add-attachment/index.vue'));
@@ -627,9 +628,12 @@
 
   watch(
     () => props.params,
-    (val) => {
-      if (val.length > 0) {
-        propsRes.value.data = val;
+    (arr) => {
+      if (arr.length > 0) {
+        propsRes.value.data = arr;
+        if (!filterKeyValParams(arr, props.defaultParamItem).lastDataIsDefault) {
+          addTableLine(arr.length - 1);
+        }
       } else {
         const id = new Date().getTime().toString();
         propsRes.value.data = [
diff --git a/frontend/src/views/api-test/components/requestComposition/body.vue b/frontend/src/views/api-test/components/requestComposition/body.vue
index a1ca8c60f0..8d7b3aa70f 100644
--- a/frontend/src/views/api-test/components/requestComposition/body.vue
+++ b/frontend/src/views/api-test/components/requestComposition/body.vue
@@ -13,7 +13,7 @@
     <batchAddKeyVal
       v-if="showParamTable"
       :params="currentTableParams"
-      :default-param-item="defaultParamItem"
+      :default-param-item="defaultBodyParamsItem"
       @apply="handleBatchParamApply"
     />
   </div>
@@ -31,7 +31,7 @@
     :height-used="heightUsed"
     :show-setting="true"
     :table-key="TableKeyEnum.API_TEST_DEBUG_FORM_DATA"
-    :default-param-item="defaultParamItem"
+    :default-param-item="defaultBodyParamsItem"
     :upload-temp-file-api="props.uploadTempFileApi"
     @change="handleParamTableChange"
   />
@@ -43,7 +43,7 @@
     :height-used="heightUsed"
     :show-setting="true"
     :table-key="TableKeyEnum.API_TEST_DEBUG_FORM_URL_ENCODE"
-    :default-param-item="defaultParamItem"
+    :default-param-item="defaultBodyParamsItem"
     @change="handleParamTableChange"
   />
   <div v-else-if="innerParams.bodyType === RequestBodyFormat.BINARY">
@@ -116,10 +116,12 @@
   import { useI18n } from '@/hooks/useI18n';
   import useAppStore from '@/store/modules/app';
 
-  import { ExecuteBody, ExecuteRequestFormBodyFormValue } from '@/models/apiTest/debug';
-  import { RequestBodyFormat, RequestContentTypeEnum, RequestParamsType } from '@/enums/apiEnum';
+  import { ExecuteBody } from '@/models/apiTest/debug';
+  import { RequestBodyFormat, RequestParamsType } from '@/enums/apiEnum';
   import { TableKeyEnum } from '@/enums/tableEnum';
 
+  import { defaultBodyParamsItem } from '@/views/api-test/components/config';
+
   const props = defineProps<{
     params: ExecuteBody;
     layout: 'horizontal' | 'vertical';
@@ -135,19 +137,6 @@
   const { t } = useI18n();
 
   const innerParams = useVModel(props, 'params', emit);
-  const defaultParamItem: ExecuteRequestFormBodyFormValue = {
-    key: '',
-    value: '',
-    paramType: RequestParamsType.STRING,
-    description: '',
-    required: false,
-    maxLength: undefined,
-    minLength: undefined,
-    encode: false,
-    enable: true,
-    contentType: RequestContentTypeEnum.TEXT,
-    files: [],
-  };
   const fileList = ref<any[]>(
     innerParams.value.binaryBody && innerParams.value.binaryBody.file ? [innerParams.value.binaryBody.file] : []
   );
diff --git a/frontend/src/views/api-test/components/requestComposition/header.vue b/frontend/src/views/api-test/components/requestComposition/header.vue
index f05076ff61..46f0ad478a 100644
--- a/frontend/src/views/api-test/components/requestComposition/header.vue
+++ b/frontend/src/views/api-test/components/requestComposition/header.vue
@@ -1,14 +1,18 @@
 <template>
   <div class="mb-[8px] flex items-center justify-between">
     <div class="font-medium">{{ t('apiTestDebug.header') }}</div>
-    <batchAddKeyVal :params="innerParams" :default-param-item="defaultParamItem" @apply="handleBatchParamApply" />
+    <batchAddKeyVal
+      :params="innerParams"
+      :default-param-item="defaultHeaderParamsItem"
+      @apply="handleBatchParamApply"
+    />
   </div>
   <paramTable
     v-model:params="innerParams"
     :columns="columns"
     :height-used="heightUsed"
     :scroll="scroll"
-    :default-param-item="defaultParamItem"
+    :default-param-item="defaultHeaderParamsItem"
     draggable
     @change="handleParamTableChange"
   />
@@ -24,6 +28,8 @@
 
   import { EnableKeyValueParam } from '@/models/apiTest/debug';
 
+  import { defaultHeaderParamsItem } from '@/views/api-test/components/config';
+
   const props = defineProps<{
     params: EnableKeyValueParam[];
     layout: 'horizontal' | 'vertical';
@@ -38,12 +44,6 @@
   const { t } = useI18n();
 
   const innerParams = useVModel(props, 'params', emit);
-  const defaultParamItem = {
-    key: '',
-    value: '',
-    description: '',
-    enable: true,
-  };
 
   const columns: ParamTableColumn[] = [
     {
diff --git a/frontend/src/views/api-test/components/requestComposition/index.vue b/frontend/src/views/api-test/components/requestComposition/index.vue
index 2c87ccc28e..8f39ee9bf8 100644
--- a/frontend/src/views/api-test/components/requestComposition/index.vue
+++ b/frontend/src/views/api-test/components/requestComposition/index.vue
@@ -118,9 +118,12 @@
             }`"
           >
             <div>
-              <a-tabs v-model:active-key="requestVModel.activeTab" class="no-content mb-[16px]">
-                <a-tab-pane v-for="item of contentTabList" :key="item.value" :title="item.label" />
-              </a-tabs>
+              <MsTab
+                v-model:active-key="requestVModel.activeTab"
+                :content-tab-list="contentTabList"
+                :get-text-func="getTabBadge"
+                class="no-content relative mb-[16px]"
+              ></MsTab>
             </div>
             <div class="tab-pane-container">
               <template v-if="requestVModel.activeTab === RequestComposition.PLUGIN || isInitPluginForm">
@@ -199,7 +202,8 @@
             v-model:active-tab="requestVModel.responseActiveTab"
             :is-expanded="isExpanded"
             :response="requestVModel.response"
-            :hide-layout-swicth="props.hideResponseLayoutSwitch"
+            :hide-layout-switch="props.hideResponseLayoutSwitch"
+            :request="requestVModel"
             @change-expand="changeExpand"
             @change-layout="handleActiveLayoutChange"
           />
@@ -255,6 +259,7 @@
   import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
   import MsIcon from '@/components/pure/ms-icon-font/index.vue';
   import MsSplitBox from '@/components/pure/ms-split-box/index.vue';
+  import MsTab from '@/components/pure/ms-tab/index.vue';
   import debugAuth from './auth.vue';
   import postcondition from './postcondition.vue';
   import precondition from './precondition.vue';
@@ -275,10 +280,21 @@
   import { PluginConfig } from '@/models/apiTest/common';
   import { ExecuteHTTPRequestFullParams } from '@/models/apiTest/debug';
   import { ModuleTreeNode } from '@/models/common';
-  import { RequestComposition, RequestMethods, RequestParamsType } from '@/enums/apiEnum';
+  import {
+    RequestAuthType,
+    RequestBodyFormat,
+    RequestComposition,
+    RequestMethods,
+    RequestParamsType,
+  } from '@/enums/apiEnum';
 
-  import { parseRequestBodyFiles } from '../utils';
-  import { Api } from '@form-create/arco-design';
+  import {
+    defaultBodyParamsItem,
+    defaultHeaderParamsItem,
+    defaultRequestParamsItem,
+  } from '@/views/api-test/components/config';
+  import { filterKeyValParams, parseRequestBodyFiles } from '@/views/api-test/components/utils';
+  import type { Api } from '@form-create/arco-design';
 
   // 懒加载Http协议组件
   const debugHeader = defineAsyncComponent(() => import('./header.vue'));
@@ -387,11 +403,40 @@
     },
   ];
   // 根据协议类型获取请求内容tab
-  const contentTabList = computed(() =>
-    isHttpProtocol.value
-      ? httpContentTabList
-      : [...pluginContentTab, ...httpContentTabList.filter((e) => commonContentTabKey.includes(e.value))]
-  );
+  const contentTabList = computed(() => {
+    if (isHttpProtocol.value) {
+      // 接口调试无断言
+      return props.isDefinition
+        ? httpContentTabList
+        : httpContentTabList.filter((e) => e.value !== RequestComposition.ASSERTION);
+    }
+    return [...pluginContentTab, ...httpContentTabList.filter((e) => commonContentTabKey.includes(e.value))];
+  });
+
+  function getTabBadge(tabKey: RequestComposition) {
+    switch (tabKey) {
+      case RequestComposition.HEADER:
+        const headerNum = filterKeyValParams(requestVModel.value.headers, defaultHeaderParamsItem).validParams.length;
+        return `${headerNum > 0 ? headerNum : ''}`;
+      case RequestComposition.BODY:
+        return requestVModel.value.body.bodyType !== RequestBodyFormat.NONE ? '1' : '';
+      case RequestComposition.QUERY:
+        const queryNum = filterKeyValParams(requestVModel.value.query, defaultRequestParamsItem).validParams.length;
+        return `${queryNum > 0 ? queryNum : ''}`;
+      case RequestComposition.REST:
+        const restNum = filterKeyValParams(requestVModel.value.rest, defaultRequestParamsItem).validParams.length;
+        return `${restNum > 0 ? restNum : ''}`;
+      case RequestComposition.PRECONDITION:
+        return `${requestVModel.value.children[0].preProcessorConfig.processors.length || ''}`;
+      case RequestComposition.POST_CONDITION:
+        return `${requestVModel.value.children[0].postProcessorConfig.processors.length || ''}`;
+      case RequestComposition.AUTH:
+        return requestVModel.value.authConfig.authType !== RequestAuthType.NONE ? '1' : '';
+      default:
+        return '';
+    }
+  }
+
   const protocolLoading = ref(false);
   const protocolOptions = ref<SelectOptionData[]>([]);
   async function initProtocolList() {
@@ -655,8 +700,8 @@
     let parseRequestBodyResult;
     let requestParams;
     if (isHttpProtocol.value) {
-      const realFormDataBodyValues = formDataBody.formValues.filter((e, i) => i !== formDataBody.formValues.length - 1); // 去掉最后一行空行
-      const realWwwFormBodyValues = wwwFormBody.formValues.filter((e, i) => i !== wwwFormBody.formValues.length - 1); // 去掉最后一行空行
+      const realFormDataBodyValues = filterKeyValParams(formDataBody.formValues, defaultBodyParamsItem).validParams;
+      const realWwwFormBodyValues = filterKeyValParams(wwwFormBody.formValues, defaultBodyParamsItem).validParams;
       parseRequestBodyResult = parseRequestBodyFiles(
         requestVModel.value.body,
         requestVModel.value.uploadFileIds, // 外面解析详情的时候传入
@@ -673,12 +718,12 @@
             formValues: realWwwFormBodyValues,
           },
         },
-        headers: requestVModel.value.headers.filter((e, i) => i !== requestVModel.value.headers.length - 1), // 去掉最后一行空行
+        headers: filterKeyValParams(requestVModel.value.headers, defaultHeaderParamsItem).validParams,
         method: requestVModel.value.method,
         otherConfig: requestVModel.value.otherConfig,
         path: requestVModel.value.url || requestVModel.value.path,
-        query: requestVModel.value.query.filter((e, i) => i !== requestVModel.value.query.length - 1), // 去掉最后一行空行
-        rest: requestVModel.value.rest.filter((e, i) => i !== requestVModel.value.rest.length - 1), // 去掉最后一行空行
+        query: filterKeyValParams(requestVModel.value.query, defaultRequestParamsItem).validParams,
+        rest: filterKeyValParams(requestVModel.value.rest, defaultRequestParamsItem).validParams,
         url: requestVModel.value.url,
         polymorphicName,
       };
diff --git a/frontend/src/views/api-test/components/requestComposition/query.vue b/frontend/src/views/api-test/components/requestComposition/query.vue
index cae1572e87..b4d2901124 100644
--- a/frontend/src/views/api-test/components/requestComposition/query.vue
+++ b/frontend/src/views/api-test/components/requestComposition/query.vue
@@ -9,14 +9,18 @@
         />
       </a-tooltip>
     </div>
-    <batchAddKeyVal :params="innerParams" :default-param-item="defaultParamItem" @apply="handleBatchParamApply" />
+    <batchAddKeyVal
+      :params="innerParams"
+      :default-param-item="defaultRequestParamsItem"
+      @apply="handleBatchParamApply"
+    />
   </div>
   <paramTable
     v-model:params="innerParams"
     :columns="columns"
     :height-used="heightUsed"
     :scroll="{ minWidth: 1160 }"
-    :default-param-item="defaultParamItem"
+    :default-param-item="defaultRequestParamsItem"
     @change="handleParamTableChange"
   />
 </template>
@@ -32,6 +36,8 @@
   import { ExecuteRequestCommonParam } from '@/models/apiTest/debug';
   import { RequestParamsType } from '@/enums/apiEnum';
 
+  import { defaultRequestParamsItem } from '@/views/api-test/components/config';
+
   const props = defineProps<{
     params: ExecuteRequestCommonParam[];
     layout: 'horizontal' | 'vertical';
@@ -45,18 +51,6 @@
   const { t } = useI18n();
 
   const innerParams = useVModel(props, 'params', emit);
-  const defaultParamItem = {
-    key: '',
-    value: '',
-    paramType: RequestParamsType.STRING,
-    description: '',
-    required: false,
-    maxLength: undefined,
-    minLength: undefined,
-    encode: false,
-    enable: true,
-  };
-
   const columns: ParamTableColumn[] = [
     {
       title: 'apiTestDebug.paramName',
diff --git a/frontend/src/views/api-test/components/requestComposition/response.vue b/frontend/src/views/api-test/components/requestComposition/response.vue
index 5c86c0abb9..30d1590d55 100644
--- a/frontend/src/views/api-test/components/requestComposition/response.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response.vue
@@ -23,7 +23,7 @@
         </template>
         <div class="ml-[4px] mr-[24px] font-medium">{{ t('apiTestDebug.responseContent') }}</div>
         <a-radio-group
-          v-if="!props.hideLayoutSwicth"
+          v-if="!props.hideLayoutSwitch"
           v-model:model-value="innerLayout"
           type="button"
           size="small"
@@ -163,9 +163,12 @@
 
   import { ResponseComposition } from '@/enums/apiEnum';
 
+  import type { RequestParam } from './index.vue';
+
   export interface Response {
     requestResults: {
       body: string;
+      headers: string;
       responseResult: {
         body: string;
         contentType: string;
@@ -191,11 +194,12 @@
       activeLayout?: Direction;
       isExpanded: boolean;
       response: Response;
-      hideLayoutSwicth?: boolean; // 隐藏布局切换
+      request?: RequestParam;
+      hideLayoutSwitch?: boolean; // 隐藏布局切换
     }>(),
     {
       activeLayout: 'vertical',
-      hideLayoutSwicth: false,
+      hideLayoutSwitch: false,
     }
   );
   const emit = defineEmits<{
@@ -313,7 +317,9 @@
       case ResponseComposition.HEADER:
         return props.response.requestResults[0].responseResult.headers.trim();
       case ResponseComposition.REAL_REQUEST:
-        return props.response.requestResults[0].body.trim();
+        return `${t('apiTestDebug.requestUrl')}:\n${props.request?.url}\n${t('apiTestDebug.header')}:\n${
+          props.response.requestResults[0].headers
+        }\nBody:\n${props.response.requestResults[0].body.trim()}`;
       case ResponseComposition.CONSOLE:
         return props.response.console.trim();
       // case ResponseComposition.EXTRACT:
diff --git a/frontend/src/views/api-test/components/requestComposition/rest.vue b/frontend/src/views/api-test/components/requestComposition/rest.vue
index f469ec5816..463942033e 100644
--- a/frontend/src/views/api-test/components/requestComposition/rest.vue
+++ b/frontend/src/views/api-test/components/requestComposition/rest.vue
@@ -9,14 +9,18 @@
         />
       </a-tooltip>
     </div>
-    <batchAddKeyVal :params="innerParams" :default-param-item="defaultParamItem" @apply="handleBatchParamApply" />
+    <batchAddKeyVal
+      :params="innerParams"
+      :default-param-item="defaultRequestParamsItem"
+      @apply="handleBatchParamApply"
+    />
   </div>
   <paramTable
     v-model:params="innerParams"
     :columns="columns"
     :height-used="heightUsed"
     :scroll="{ minWidth: 1160 }"
-    :default-param-item="defaultParamItem"
+    :default-param-item="defaultRequestParamsItem"
     @change="handleParamTableChange"
   />
 </template>
@@ -32,6 +36,8 @@
   import { ExecuteRequestCommonParam } from '@/models/apiTest/debug';
   import { RequestParamsType } from '@/enums/apiEnum';
 
+  import { defaultRequestParamsItem } from '@/views/api-test/components/config';
+
   const props = defineProps<{
     params: ExecuteRequestCommonParam[];
     layout: 'horizontal' | 'vertical';
@@ -45,17 +51,6 @@
   const { t } = useI18n();
 
   const innerParams = useVModel(props, 'params', emit);
-  const defaultParamItem = {
-    key: '',
-    value: '',
-    paramType: RequestParamsType.STRING,
-    description: '',
-    required: false,
-    maxLength: undefined,
-    minLength: undefined,
-    encode: false,
-    enable: true,
-  };
 
   const columns: ParamTableColumn[] = [
     {
diff --git a/frontend/src/views/api-test/components/utils.ts b/frontend/src/views/api-test/components/utils.ts
index 052b9a6b78..c8f0c6db59 100644
--- a/frontend/src/views/api-test/components/utils.ts
+++ b/frontend/src/views/api-test/components/utils.ts
@@ -1,3 +1,5 @@
+import { cloneDeep } from 'lodash-es';
+
 import { ExecuteBody } from '@/models/apiTest/debug';
 import { RequestParamsType } from '@/enums/apiEnum';
 
@@ -100,3 +102,36 @@ export function parseRequestBodyFiles(
     unLinkFileIds: saveLinkFileIds?.filter((id) => !tempSaveLinkFileIds.has(id)) || [], // 存储对比已保存的文件后，需要取消关联的文件 id 集合
   };
 }
+
+/**
+ * 过滤无效参数
+ * @param params 原始参数数组
+ * @param defaultParamItem 默认参数项
+ */
+export function filterKeyValParams(params: Record<string, any>[], defaultParamItem: Record<string, any>) {
+  const lastData = cloneDeep(params[params.length - 1]);
+  const defaultParam = cloneDeep(defaultParamItem);
+  if (!lastData || !defaultParam) {
+    return {
+      lastDataIsDefault: false,
+      validParams: params,
+    };
+  }
+  // id和enable属性不参与比较
+  delete lastData.id;
+  delete lastData.enable;
+  delete defaultParam.id;
+  delete defaultParam.enable;
+  const lastDataIsDefault = JSON.stringify(lastData) === JSON.stringify(defaultParam);
+  let validParams: Record<string, any>[] = [];
+  if (lastDataIsDefault) {
+    // 如果最后一条数据是默认数据，非用户添加更改的，说明是无效参数，删除最后一个
+    validParams = params.slice(0, params.length - 1);
+  } else {
+    validParams = params;
+  }
+  return {
+    lastDataIsDefault,
+    validParams,
+  };
+}
diff --git a/frontend/src/views/api-test/debug/components/moduleTree.vue b/frontend/src/views/api-test/debug/components/moduleTree.vue
index ad778727ae..998673501c 100644
--- a/frontend/src/views/api-test/debug/components/moduleTree.vue
+++ b/frontend/src/views/api-test/debug/components/moduleTree.vue
@@ -412,9 +412,10 @@
     }
   }
 
-  function handleRenameFinish(newName: string, id: string) {
-    initModules();
+  async function handleRenameFinish(newName: string, id: string) {
     emit('renameFinish', newName, id);
+    await initModules();
+    initModuleCount();
   }
 
   onBeforeMount(async () => {