diff --git a/src/pages/demo/playground/db/all/index.vue b/src/pages/demo/playground/db/all/index.vue
index b80d305d..02d7a711 100644
--- a/src/pages/demo/playground/db/all/index.vue
+++ b/src/pages/demo/playground/db/all/index.vue
@@ -20,6 +20,7 @@ import db from '@/libs/db.js'
 export default {
   data () {
     return {
+      filename: __filename,
       dbData: ''
     }
   },
diff --git a/src/pages/demo/playground/db/page-public/index.vue b/src/pages/demo/playground/db/page-public/index.vue
index d52170ea..5bbdab57 100644
--- a/src/pages/demo/playground/db/page-public/index.vue
+++ b/src/pages/demo/playground/db/page-public/index.vue
@@ -46,6 +46,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/page-snapshot-public/index.vue b/src/pages/demo/playground/db/page-snapshot-public/index.vue
index fe9cf4ef..4a719656 100644
--- a/src/pages/demo/playground/db/page-snapshot-public/index.vue
+++ b/src/pages/demo/playground/db/page-snapshot-public/index.vue
@@ -73,6 +73,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       form: {
         name: '',
         region: '',
diff --git a/src/pages/demo/playground/db/page-snapshot-user/index.vue b/src/pages/demo/playground/db/page-snapshot-user/index.vue
index c90dba21..e83c11d0 100644
--- a/src/pages/demo/playground/db/page-snapshot-user/index.vue
+++ b/src/pages/demo/playground/db/page-snapshot-user/index.vue
@@ -73,6 +73,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       form: {
         name: '',
         region: '',
diff --git a/src/pages/demo/playground/db/page-user/index.vue b/src/pages/demo/playground/db/page-user/index.vue
index 1339609b..2eea79c6 100644
--- a/src/pages/demo/playground/db/page-user/index.vue
+++ b/src/pages/demo/playground/db/page-user/index.vue
@@ -48,6 +48,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/public/index.vue b/src/pages/demo/playground/db/public/index.vue
index 1ce05a2b..d8947039 100644
--- a/src/pages/demo/playground/db/public/index.vue
+++ b/src/pages/demo/playground/db/public/index.vue
@@ -42,6 +42,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/db/user/index.vue b/src/pages/demo/playground/db/user/index.vue
index 9d8a0335..e231cb63 100644
--- a/src/pages/demo/playground/db/user/index.vue
+++ b/src/pages/demo/playground/db/user/index.vue
@@ -44,6 +44,7 @@ import { mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dataDisplay: '',
       keyNameToSet: '',
       valueToSet: '',
diff --git a/src/pages/demo/playground/env/index.vue b/src/pages/demo/playground/env/index.vue
index 1560c07e..18d9a386 100644
--- a/src/pages/demo/playground/env/index.vue
+++ b/src/pages/demo/playground/env/index.vue
@@ -9,6 +9,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       env: JSON.stringify(process.env, null, 2)
     }
   }
diff --git a/src/pages/demo/playground/index/index.vue b/src/pages/demo/playground/index/index.vue
index 7ea836ef..f487a605 100644
--- a/src/pages/demo/playground/index/index.vue
+++ b/src/pages/demo/playground/index/index.vue
@@ -7,3 +7,11 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    filename: __filename
+  }  
+}
+</script>
diff --git a/src/pages/demo/playground/log/console/index.vue b/src/pages/demo/playground/log/console/index.vue
index 318f7400..1ac646d0 100644
--- a/src/pages/demo/playground/log/console/index.vue
+++ b/src/pages/demo/playground/log/console/index.vue
@@ -42,6 +42,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     handleColorful () {
       this.$log.colorful([
diff --git a/src/pages/demo/playground/log/error/index.vue b/src/pages/demo/playground/log/error/index.vue
index f047c825..e5ea557b 100644
--- a/src/pages/demo/playground/log/error/index.vue
+++ b/src/pages/demo/playground/log/error/index.vue
@@ -8,6 +8,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     handleNewError () {
       console.log(a) // eslint-disable-line
diff --git a/src/pages/demo/playground/log/log/index.vue b/src/pages/demo/playground/log/log/index.vue
index 44dc7687..66dca3d8 100644
--- a/src/pages/demo/playground/log/log/index.vue
+++ b/src/pages/demo/playground/log/log/index.vue
@@ -15,6 +15,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       text: 'D2Admin log info'
     }
   },
diff --git a/src/pages/demo/playground/page-argu/get.vue b/src/pages/demo/playground/page-argu/get.vue
index d2872478..d6855c73 100644
--- a/src/pages/demo/playground/page-argu/get.vue
+++ b/src/pages/demo/playground/page-argu/get.vue
@@ -9,6 +9,9 @@
 
 <script>
 export default {
+  data () {
+    filename: __filename
+  },
   mounted () {
     console.log('this.$route', this.$route)
   }
diff --git a/src/pages/demo/playground/page-argu/send.vue b/src/pages/demo/playground/page-argu/send.vue
index 87f50242..5bad7e8f 100644
--- a/src/pages/demo/playground/page-argu/send.vue
+++ b/src/pages/demo/playground/page-argu/send.vue
@@ -18,6 +18,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       sendForm: {
         username: 'FairyEver',
         userid: '001'
diff --git a/src/pages/demo/playground/page-cache/off.vue b/src/pages/demo/playground/page-cache/off.vue
index c0316ca7..eb72b116 100644
--- a/src/pages/demo/playground/page-cache/off.vue
+++ b/src/pages/demo/playground/page-cache/off.vue
@@ -10,6 +10,7 @@
 export default {
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   }
diff --git a/src/pages/demo/playground/page-cache/on.vue b/src/pages/demo/playground/page-cache/on.vue
index 6283cf4f..89291946 100644
--- a/src/pages/demo/playground/page-cache/on.vue
+++ b/src/pages/demo/playground/page-cache/on.vue
@@ -11,6 +11,7 @@ export default {
   name: 'demo-playground-page-cache-on',
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   }
diff --git a/src/pages/demo/playground/page-cache/params.vue b/src/pages/demo/playground/page-cache/params.vue
index 5ab3c711..a215a87e 100644
--- a/src/pages/demo/playground/page-cache/params.vue
+++ b/src/pages/demo/playground/page-cache/params.vue
@@ -19,6 +19,9 @@ export default {
       required: true
     }
   },
+  data () {
+    filename: __filename
+  },
   computed: {
     /**
      * 带参路由多组参数使用同一个组件实例，需要在组件内部对多个参数的情况进行统一处理
diff --git a/src/pages/demo/playground/store/fullscreen/index.vue b/src/pages/demo/playground/store/fullscreen/index.vue
index 2226f789..02abbc12 100644
--- a/src/pages/demo/playground/store/fullscreen/index.vue
+++ b/src/pages/demo/playground/store/fullscreen/index.vue
@@ -10,6 +10,9 @@
 <script>
 import { mapActions } from 'vuex'
 export default {
+  data () {
+    filename: __filename
+  },
   methods: {
     ...mapActions('d2admin/fullscreen', [
       'toggle'
diff --git a/src/pages/demo/playground/store/gray/index.vue b/src/pages/demo/playground/store/gray/index.vue
index c1cd4cc5..36272889 100644
--- a/src/pages/demo/playground/store/gray/index.vue
+++ b/src/pages/demo/playground/store/gray/index.vue
@@ -43,6 +43,7 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       dialogVisible: false
     }
   },
diff --git a/src/pages/demo/playground/store/menu/index.vue b/src/pages/demo/playground/store/menu/index.vue
index ad1f0e81..5324b83f 100644
--- a/src/pages/demo/playground/store/menu/index.vue
+++ b/src/pages/demo/playground/store/menu/index.vue
@@ -25,6 +25,7 @@ import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       menuEmpty: [
         {
           title: '空菜单演示',
diff --git a/src/pages/demo/playground/store/page/index.vue b/src/pages/demo/playground/store/page/index.vue
index 0051ef35..813dec42 100644
--- a/src/pages/demo/playground/store/page/index.vue
+++ b/src/pages/demo/playground/store/page/index.vue
@@ -42,6 +42,7 @@ export default {
   name: 'demo-playground-store-page',
   data () {
     return {
+      filename: __filename,
       value: ''
     }
   },
diff --git a/src/pages/demo/playground/store/size/index.vue b/src/pages/demo/playground/store/size/index.vue
index 5821f494..e23e02bb 100644
--- a/src/pages/demo/playground/store/size/index.vue
+++ b/src/pages/demo/playground/store/size/index.vue
@@ -14,6 +14,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       currentValue: ''
     }
   },
diff --git a/src/pages/demo/playground/store/theme/index.vue b/src/pages/demo/playground/store/theme/index.vue
index 0e9962ea..df0d2509 100644
--- a/src/pages/demo/playground/store/theme/index.vue
+++ b/src/pages/demo/playground/store/theme/index.vue
@@ -35,6 +35,7 @@ import { mapState, mapActions } from 'vuex'
 export default {
   data () {
     return {
+      filename: __filename,
       table: {
         showHeader: false,
         border: true
diff --git a/src/pages/demo/playground/store/transition/index.vue b/src/pages/demo/playground/store/transition/index.vue
index e907d764..da53c886 100644
--- a/src/pages/demo/playground/store/transition/index.vue
+++ b/src/pages/demo/playground/store/transition/index.vue
@@ -17,6 +17,9 @@ export default {
       'active'
     ])
   },
+  data () {
+    filename: __filename
+  },
   methods: {
     ...mapActions('d2admin/transition', [
       'set'
diff --git a/src/pages/demo/playground/store/ua/index.vue b/src/pages/demo/playground/store/ua/index.vue
index cd587744..76ad6307 100644
--- a/src/pages/demo/playground/store/ua/index.vue
+++ b/src/pages/demo/playground/store/ua/index.vue
@@ -10,6 +10,9 @@
 <script>
 import { mapState } from 'vuex'
 export default {
+  data () {
+    filename: __filename
+  },
   computed: {
     ...mapState('d2admin/ua', {
       uaData: 'data'