diff --git a/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue b/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue
index 4ffe2d03..d8f4d887 100644
--- a/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue
+++ b/src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue
@@ -2,8 +2,32 @@
   <el-dropdown class="dd-mr">
     <span class="el-dropdown-link">你好</span>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
+      <el-dropdown-item @click.native="logOff"><Icon name="power-off"></Icon> 注销</el-dropdown-item>
       <el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
 </template>
+
+<script>
+import Cookies from 'js-cookie'
+export default {
+  methods: {
+    logOff() {
+      this.$confirm('注销此账户吗?', '注销', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        // 删除cookie
+        Cookies.remove('token')
+        // 跳转路由
+        this.$router.push({
+          name: 'login'
+        })
+      }).catch(() => {
+        // 取消了注销
+      })
+    }
+  }
+}
+</script>
diff --git a/src/router/menu/_chart.js b/src/router/menu/_chart.js
index 5ea89d4f..b4569f74 100644
--- a/src/router/menu/_chart.js
+++ b/src/router/menu/_chart.js
@@ -29,6 +29,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-chart-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/chart/index/index.vue'], resolve) }
     },
     // 所有
diff --git a/src/router/menu/_components.js b/src/router/menu/_components.js
index ed46c89a..1e3f7931 100644
--- a/src/router/menu/_components.js
+++ b/src/router/menu/_components.js
@@ -15,6 +15,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-components-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/components/index/index.vue'], resolve) }
     },
     // 页面容器
diff --git a/src/router/menu/_plugin.js b/src/router/menu/_plugin.js
index 9de2c4a3..cc4a9166 100644
--- a/src/router/menu/_plugin.js
+++ b/src/router/menu/_plugin.js
@@ -15,6 +15,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-plugins-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/plugins/index/index.vue'], resolve) }
     },
     // mock