diff --git a/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue b/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
index 4f08fcf8a7..1719165a3a 100644
--- a/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
+++ b/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { formatJson, formatXml } from 'metersphere-frontend/src/utils/format-utils';
+import {formatJson, formatXml} from 'metersphere-frontend/src/utils/format-utils';
 import toDiffableHtml from 'diffable-html';
 import editor from 'vue2-ace-editor';
 import 'brace/ext/language_tools'; //language extension prerequisite...
diff --git a/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue b/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
index f8a8253e6a..453a324f7d 100644
--- a/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
+++ b/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
@@ -171,7 +171,8 @@ export default {
     },
     showPicture() {
       if (this.responseResult.contentType && this.contentType.includes(this.responseResult.contentType)) {
-        this.modes.push('picture')
+        this.modes.push('picture');
+        this.mode = 'picture';
         this.srcUrl = 'data:' + this.responseResult.contentType + ';base64,' + this.responseResult.imageUrl;
       }
     },
@@ -193,6 +194,19 @@ export default {
           }
         });
       }
+      if (this.response && this.response.responseResult && this.response.responseResult.contentType) {
+        let contentType = this.response.responseResult.contentType;
+        if (contentType.includes('application/json')) {
+          this.mode = this.bodyFormat.JSON;
+        } else if (contentType.includes('text/html')) {
+          this.mode = this.bodyFormat.HTML;
+        } else if (contentType.includes('text/xml')) {
+          this.mode = this.bodyFormat.XML;
+        } else {
+          this.mode = this.bodyFormat.TEXT;
+        }
+      }
+      this.msCodeReload();
     },
     msCodeReload() {
       this.isMsCodeEditShow = false;
@@ -200,13 +214,7 @@ export default {
         this.isMsCodeEditShow = true;
       });
     },
-    isPicture() {
-      return (
-        this.responseResult.contentType &&
-        this.contentType.includes(this.responseResult.contentType) &&
-        this.mode === 'picture'
-      );
-    },
+
     setReqMessage() {
       if (this.response) {
         if (!this.response.url) {
@@ -273,6 +281,13 @@ export default {
         ? this.response.responseResult
         : {};
     },
+    isPicture() {
+      return (
+        this.responseResult.contentType &&
+        this.contentType.includes(this.responseResult.contentType) &&
+        this.mode === 'picture'
+      );
+    },
   },
 };
 </script>