diff --git a/front/src/views/doc/DocView/index.vue b/front/src/views/doc/DocView/index.vue
index cddcd5a12d67760c38b0a779f6c2cff29d962fb5..d05389b8e64679764d9ae4111bc1c38b031e808e 100644
--- a/front/src/views/doc/DocView/index.vue
+++ b/front/src/views/doc/DocView/index.vue
@@ -79,13 +79,29 @@
     </div>
     <div v-show="isShowRequestExample">
       <h4>{{ $ts('requestExample') }}</h4>
-      <pre class="code-block">{{ formatJson(requestExample) }}</pre>
+      <div class="code-box" @mouseenter="isShowRequestExampleCopy=true" @mouseleave="isShowRequestExampleCopy=false">
+        <pre class="code-block">{{ formatJson(requestExample) }}</pre>
+        <el-tag
+          v-show="isShowRequestExampleCopy"
+          size="small"
+          effect="plain"
+          class="code-copy"
+          @click.stop="copy(formatJson(requestExample))">{{ $ts('copy') }}</el-tag>
+      </div>
     </div>
     <h4>{{ $ts('responseParam') }}</h4>
     <el-alert v-if="docInfo.isResponseArray" :closable="false" :title="$ts('tip')" :description="$ts('objectArrayRespTip')" />
     <parameter-table :data="docInfo.responseParams" :hidden-columns="responseParamHiddenColumns" />
     <h4>{{ $ts('responseExample') }}</h4>
-    <pre class="code-block">{{ formatJson(responseSuccessExample) }}</pre>
+    <div class="code-box" @mouseenter="isShowResponseSuccessExample=true" @mouseleave="isShowResponseSuccessExample=false">
+      <pre class="code-block">{{ formatJson(responseSuccessExample) }}</pre>
+      <el-tag
+        v-show="isShowResponseSuccessExample"
+        size="small"
+        effect="plain"
+        class="code-copy"
+        @click.stop="copy(formatJson(responseSuccessExample))">{{ $ts('copy') }}</el-tag>
+    </div>
     <h4>{{ $ts('errorCode') }}</h4>
     <parameter-table
       :data="docInfo.errorCodeParams"
@@ -109,6 +125,17 @@ h4 .content {
   margin-left: 10px;
   cursor: pointer;
 }
+.code-box{
+  position: relative
+}
+.code-box .code-copy{
+  display: block;
+  position: absolute;
+  right: 2px;
+  top: 2px;
+  margin: 8px;
+  cursor: pointer;
+}
 </style>
 <script>
 import ParameterTable from '@/components/ParameterTable'
@@ -192,7 +219,9 @@ export default {
       responseSuccessExample: {},
       isSubscribe: false,
       responseHiddenColumns: [],
-      hostConfigName: ''
+      hostConfigName: '',
+      isShowRequestExampleCopy: false,
+      isShowResponseSuccessExample: false
     }
   },
   computed: {