diff --git a/src/components/d2-error-log-list/index.vue b/src/components/d2-error-log-list/index.vue
new file mode 100644
index 00000000..620b9ee4
--- /dev/null
+++ b/src/components/d2-error-log-list/index.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    d2-error-log-list
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'd2-error-log-list'
+}
+</script>
diff --git a/src/components/index.js b/src/components/index.js
index ca6a67f0..e2dd374e 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -16,6 +16,7 @@ Vue.component('d2-container', d2Container)
 Vue.component('d2-link-btn', d2LinkBtn)
 Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
+Vue.component('d2-error-log-list', () => import('./d2-error-log-list'))
 Vue.component('d2-highlight', () => import('./d2-highlight'))
 Vue.component('d2-icon', () => import('./d2-icon'))
 Vue.component('d2-icon-select', () => import('./d2-icon-select/index.vue'))
diff --git a/src/layout/header-aside/components/header-error-log/index.vue b/src/layout/header-aside/components/header-error-log/index.vue
new file mode 100644
index 00000000..7bef5398
--- /dev/null
+++ b/src/layout/header-aside/components/header-error-log/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <el-tooltip effect="dark" content="异常" placement="bottom">
+      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
+        <d2-icon name="bug" style="font-size: 20px"/>
+      </el-button>
+    </el-tooltip>
+    <el-dialog
+      title="异常日志"
+      :fullscreen="true"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
+      <d2-error-log-list/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      dialogVisible: false
+    }
+  }
+}
+</script>
diff --git a/src/layout/header-aside/components/header-help/index.vue b/src/layout/header-aside/components/header-help/index.vue
index 6aeaa638..23fa633c 100644
--- a/src/layout/header-aside/components/header-help/index.vue
+++ b/src/layout/header-aside/components/header-help/index.vue
@@ -5,7 +5,11 @@
         <d2-icon name="question-circle" style="font-size: 20px"/>
       </el-button>
     </el-tooltip>
-    <el-dialog title="帮助" width="600px" :visible.sync="dialogVisible">
+    <el-dialog
+      title="帮助"
+      width="600px"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
       <div style="margin-top: -25px; margin-bottom: -25px;">
         <el-button-group class="d2-mb">
           <el-button @click="$open('https://github.com/d2-projects/d2-admin')">
diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 41c56f3d..d6b053ea 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -19,6 +19,7 @@
         <d2-menu-header/>
         <!-- 顶栏右侧 -->
         <div class="d2-header-right">
+          <d2-header-error-log/>
           <d2-header-help/>
           <d2-header-fullscreen/>
           <d2-header-theme/>
@@ -55,23 +56,17 @@
 
 <script>
 import { mapState, mapGetters, mapMutations } from 'vuex'
-import menuSide from './components/menu-side'
-import menuHeader from './components/menu-header'
-import tabs from './components/tabs'
-import headerFullscreen from './components/header-fullscreen'
-import headerTheme from './components/header-theme'
-import headerUser from './components/header-user'
-import headerHelp from './components/header-help'
 export default {
   name: 'd2-layout-header-aside',
   components: {
-    'd2-menu-side': menuSide,
-    'd2-menu-header': menuHeader,
-    'd2-tabs': tabs,
-    'd2-header-fullscreen': headerFullscreen,
-    'd2-header-theme': headerTheme,
-    'd2-header-user': headerUser,
-    'd2-header-help': headerHelp
+    'd2-menu-side': () => import('./components/menu-side'),
+    'd2-menu-header': () => import('./components/menu-header'),
+    'd2-tabs': () => import('./components/tabs'),
+    'd2-header-fullscreen': () => import('./components/header-fullscreen'),
+    'd2-header-theme': () => import('./components/header-theme'),
+    'd2-header-user': () => import('./components/header-user'),
+    'd2-header-help': () => import('./components/header-help'),
+    'd2-header-error-log': () => import('./components/header-error-log')
   },
   data () {
     return {