diff --git a/apps/jingrow/frontend/src/app/router/index.ts b/apps/jingrow/frontend/src/app/router/index.ts
index f8ee8f9..814120c 100644
--- a/apps/jingrow/frontend/src/app/router/index.ts
+++ b/apps/jingrow/frontend/src/app/router/index.ts
@@ -102,7 +102,7 @@ const router = createRouter({
         {
           path: 'settings',
           name: 'Settings',
-          component: () => import('../../views/Settings.vue')
+          component: () => import('../../views/settings/Settings.vue')
         },
         {
           path: 'search',
diff --git a/apps/jingrow/frontend/src/views/Settings.vue b/apps/jingrow/frontend/src/views/settings/Settings.vue
similarity index 99%
rename from apps/jingrow/frontend/src/views/Settings.vue
rename to apps/jingrow/frontend/src/views/settings/Settings.vue
index 50fac55..b6fc591 100644
--- a/apps/jingrow/frontend/src/views/Settings.vue
+++ b/apps/jingrow/frontend/src/views/settings/Settings.vue
@@ -207,9 +207,9 @@ import {
   useDialog 
 } from 'naive-ui'
 import { Icon } from '@iconify/vue'
-import { getCurrentLocale, setLocale, locales, initLocale, t } from '../shared/i18n'
-import { useAuthStore } from '../shared/stores/auth'
-import { getEnvironmentConfig, updateEnvironmentConfig, restartEnvironment, type EnvironmentConfig } from '../shared/api/system'
+import { getCurrentLocale, setLocale, locales, initLocale, t } from '../../shared/i18n'
+import { useAuthStore } from '../../shared/stores/auth'
+import { getEnvironmentConfig, updateEnvironmentConfig, restartEnvironment, type EnvironmentConfig } from '../../shared/api/system'
 
 const message = useMessage()
 const dialog = useDialog()