diff --git a/frontend/src/business/components/settings/SettingMenu.vue b/frontend/src/business/components/settings/SettingMenu.vue
index 33edf1924b..ea9af8de10 100644
--- a/frontend/src/business/components/settings/SettingMenu.vue
+++ b/frontend/src/business/components/settings/SettingMenu.vue
@@ -35,7 +35,8 @@
         <font-awesome-icon class="icon" :icon="['far', 'user']" size="lg"/>
         <span>{{ $t('commons.personal_info') }}</span>
       </template>
-      <el-menu-item v-for="menu in persons" :key="menu.index" :index="menu.index" class="setting-item">
+      <el-menu-item v-for="menu in persons" :key="menu.index" :index="menu.index" class="setting-item"
+                    v-permission="menu.roles">
         {{ $t(menu.title) }}
       </el-menu-item>
     </el-submenu>
@@ -56,6 +57,7 @@ export default {
         if (child.meta[group] === true) {
           let menu = {index: Setting.path + "/" + child.path}
           menu.title = child.meta.title;
+          menu.roles = child.meta.roles;
           menus.push(menu);
         }
       })
diff --git a/frontend/src/business/components/settings/router.js b/frontend/src/business/components/settings/router.js
index 659176b95e..d1cb83e51d 100644
--- a/frontend/src/business/components/settings/router.js
+++ b/frontend/src/business/components/settings/router.js
@@ -67,7 +67,11 @@ export default {
     {
       path: 'apikeys',
       component: () => import(/* webpackChunkName: "setting" */ '@/business/components/settings/personal/ApiKeys'),
-      meta: {person: true, title: 'commons.api_keys'}
+      meta: {
+        person: true,
+        title: 'commons.api_keys',
+        roles: ['test_manager', 'test_user', 'test_viewer', 'org_admin', 'admin']
+      }
     },
 
   ]
diff --git a/frontend/src/business/permission.js b/frontend/src/business/permission.js
index 4c0ef460d3..62ec88a8a9 100644
--- a/frontend/src/business/permission.js
+++ b/frontend/src/business/permission.js
@@ -32,7 +32,7 @@ function checkRolePermission(el, binding, type) {
       el.parentNode && el.parentNode.removeChild(el)
     }
   } else {
-    throw new Error(`need roles! Like v-permission="['admin','editor']"`)
+    // throw new Error(`need roles! Like v-permission="['admin','editor']"`)
   }
 }