修复了路由问题和修改了一些页面内容，让不同的页面不同

src/router/index.js

@@ -6,34 +6,34 @@ const router = createRouter({
     {
       path: '/',
       name: 'layout',
-      component: () => import('../layouts/index.vue'),
+      component: () => import('@/layouts/index.vue'),
       redirect: '/home',
       children: [
         {
           path: '/home',
           name: 'home',
-          component: () => import('../views/home/index.vue')
+          component: () => import('@/views/home/index.vue')
         },
         {
           path: '/system',
           name: 'system',
-          component: () => import('../views/system/index.vue'),
+          component: () => import('@/views/system/index.vue'),
           redirect: '/system/user',
           children: [
             {
               path: 'user',
               name: 'user',
-              component: () => import('../views/system/user/index.vue')
+              component: () => import('@/views/system/user/index.vue')
             },
             {
               path: 'role',
-              name: 'srole',
-              component: () => import('../views/system/role/index.vue')
+              name: 'role',
+              component: () => import('@/views/system/role/index.vue')
             },
             {
               path: 'permission',
               name: 'permission',
-              component: () => import('../views/system/permission/index.vue')
+              component: () => import('@/views/system/permission/index.vue')
             },
           ]
         },

src/views/home/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home">
     <h1>欢迎使用管理系统</h1>
-    <p>这是您的首页内容区域</p>
+    <p>这是home</p>
   </div>
 </template>
 

src/views/system/index.vue

@@ -1,20 +1,11 @@
-<template>
-  <div class="home">
-    <h1>欢迎使用管理系统</h1>
-    <p>这是您的首页内容区域</p>
-  </div>
-</template>
-
 <script setup>
-// 这里可以添加首页需要的业务逻辑
+import Layout from '@/layouts/index.vue'
 </script>
 
-<style scoped>
-.home {
-  padding: 20px;
-  font-size: 16px;
-}
-h1 {
-  color: #1890ff;
-}
+<template>
+  <router-view></router-view>
+</template>
+
+<style lang="less" scoped>
+// 保持原有样式
 </style>

src/views/system/permission/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home">
     <h1>欢迎使用管理系统</h1>
-    <p>这是您的首页内容区域</p>
+    <p>这个是permission</p>
   </div>
 </template>
 

src/views/system/role/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home">
     <h1>欢迎使用管理系统</h1>
-    <p>这是您的首页内容区域</p>
+    <p>这个是role</p>
   </div>
 </template>