diff --git a/.env b/.env
index 98f6dcf1..a31c5bf5 100644
--- a/.env
+++ b/.env
@@ -5,3 +5,6 @@ VUE_APP_TITLE=D2Admin
 
 # 网络请求公用地址
 VUE_APP_API=/api/
+
+# 仓库地址
+VUE_APP_REPO=https://github.com/d2-projects/d2-admin
diff --git a/src/components/d2-container/components/d2-source.vue b/src/components/d2-container/components/d2-source.vue
index 5cd3389f..1ba8f125 100644
--- a/src/components/d2-container/components/d2-source.vue
+++ b/src/components/d2-container/components/d2-source.vue
@@ -9,15 +9,25 @@
 </template>
 
 <script>
+import { last, get } from 'lodash'
 export default {
   data () {
     return {
-      isActive: false
+      isActive: false,
+      path: ''
     }
   },
   computed: {
     show () {
-      return process.env.VUE_APP_BUILD_MODE === 'TRAVIS'
+      return process.env.VUE_APP_BUILD_MODE === 'TRAVIS' || process.env.NODE_ENV === 'development'
+    }
+  },
+  watch: {
+    $route: {
+      handler (to) {
+        this.path = get(last(to.matched), 'components.default.__file')
+      },
+      immediate: true
     }
   },
   mounted () {
@@ -29,7 +39,7 @@ export default {
   methods: {
     // 点击按钮的时候跳转到源代码
     handleClick () {
-      this.$open(`https://github.com/d2-projects/d2-admin/blob/master/${this.$parent.$parent.$options.__file}`)
+      this.$open(`${process.env.VUE_APP_REPO}/blob/master/${this.path}`)
     }
   }
 }
diff --git a/vue.config.js b/vue.config.js
index 6bc2cef4..22eac148 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -45,7 +45,7 @@ module.exports = {
         config => config.devtool('cheap-source-map')
       )
       // TRAVIS 构建 vue-loader 添加 filename
-      .when(process.env.VUE_APP_BUILD_MODE === 'TRAVIS',
+      .when(process.env.VUE_APP_BUILD_MODE === 'TRAVIS' || process.env.NODE_ENV === 'development',
         config => config.module
           .rule('vue')
           .use('vue-loader')