diff --git a/src/layout/empty.js b/src/layout/empty.js
new file mode 100644
index 000000000..f3b8e2025
--- /dev/null
+++ b/src/layout/empty.js
@@ -0,0 +1,6 @@
+export default {
+  name: 'Empty',
+  render(h) {
+    return <router-view/>
+  }
+}
diff --git a/src/layout/empty.vue b/src/layout/empty.vue
deleted file mode 100644
index ef27b69cd..000000000
--- a/src/layout/empty.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    <router-view />
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'Layout'
-}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/src/router/audit/index.js b/src/router/audit/index.js
index 638e69832..f1a0137ce 100644
--- a/src/router/audit/index.js
+++ b/src/router/audit/index.js
@@ -1,9 +1,8 @@
 import Layout from '@/layout'
 import i18n from '@/i18n/i18n'
-
 import SessionRoutes from './sessions'
 import LogRoutes from './logs'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default {
   path: '/audit/',
diff --git a/src/router/audit/sessions.js b/src/router/audit/sessions.js
index c84ae812f..8767631a3 100644
--- a/src/router/audit/sessions.js
+++ b/src/router/audit/sessions.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/accounts.js b/src/router/console/accounts.js
index 6293738d8..bf7ac9fb9 100644
--- a/src/router/console/accounts.js
+++ b/src/router/console/accounts.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/acls.js b/src/router/console/acls.js
index 66df5a065..c10722c41 100644
--- a/src/router/console/acls.js
+++ b/src/router/console/acls.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/applications.js b/src/router/console/applications.js
index 05757c01f..87426644a 100644
--- a/src/router/console/applications.js
+++ b/src/router/console/applications.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/assets.js b/src/router/console/assets.js
index 410c97450..6e656cc17 100644
--- a/src/router/console/assets.js
+++ b/src/router/console/assets.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 import XPackRoutes from './xpack'
 
 export default [
diff --git a/src/router/console/index.js b/src/router/console/index.js
index 6ffc37327..43a1547d6 100644
--- a/src/router/console/index.js
+++ b/src/router/console/index.js
@@ -1,6 +1,6 @@
 import Layout from '@/layout/index'
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 import UsersRoute from './users'
 import AssetsRoute from './assets'
diff --git a/src/router/console/ops.js b/src/router/console/ops.js
index 1f0b077bf..86cce43d2 100644
--- a/src/router/console/ops.js
+++ b/src/router/console/ops.js
@@ -1,6 +1,6 @@
 import i18n from '@/i18n/i18n'
 import { BASE_URL } from '@/utils/common'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/perms.js b/src/router/console/perms.js
index fa73afb72..db4f8e6d4 100644
--- a/src/router/console/perms.js
+++ b/src/router/console/perms.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/sessions.js b/src/router/console/sessions.js
index 366adbbc4..69737983c 100644
--- a/src/router/console/sessions.js
+++ b/src/router/console/sessions.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 import { BASE_URL } from '@/utils/common'
 
 // Todo: 放到系统设置中
diff --git a/src/router/console/users.js b/src/router/console/users.js
index 8aca961e7..73901046a 100644
--- a/src/router/console/users.js
+++ b/src/router/console/users.js
@@ -1,5 +1,5 @@
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default [
   {
diff --git a/src/router/console/xpack.js b/src/router/console/xpack.js
index 0018a9bda..492e13b2a 100644
--- a/src/router/console/xpack.js
+++ b/src/router/console/xpack.js
@@ -1,4 +1,4 @@
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 import i18n from '@/i18n/i18n'
 
 export default [
diff --git a/src/router/settings/index.js b/src/router/settings/index.js
index c448654d4..dc01319d5 100644
--- a/src/router/settings/index.js
+++ b/src/router/settings/index.js
@@ -1,6 +1,6 @@
 import Layout from '@/layout'
 import i18n from '@/i18n/i18n'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default {
   path: '/settings',
diff --git a/src/router/tickets/index.js b/src/router/tickets/index.js
index f304c7fc9..9ebc2493a 100644
--- a/src/router/tickets/index.js
+++ b/src/router/tickets/index.js
@@ -1,5 +1,5 @@
 import Layout from '@/layout'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 import i18n from '@/i18n/i18n'
 
 export default {
diff --git a/src/router/workspace/index.js b/src/router/workspace/index.js
index 558c33947..9af8362cf 100644
--- a/src/router/workspace/index.js
+++ b/src/router/workspace/index.js
@@ -1,7 +1,7 @@
 import Layout from '@/layout'
 import i18n from '@/i18n/i18n'
 import { BASE_URL } from '@/utils/common'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 
 export default {
   path: '/workspace/',
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 36565de4c..53838cdf0 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -3,7 +3,7 @@ import {
   viewRoutes,
   constantRoutes
 } from '@/router'
-import empty from '@/layout/empty'
+const empty = () => import('@/layout/empty.js')
 import Layout from '@/layout/index'
 import { getResourceNameByPath, hasPermission } from '@/utils/jms'