diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index bed63ed..902bffc 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -50,6 +50,18 @@ const routes: RouteRecordRaw[] = [
     component: () => import('@/views/projects/IssueDetailView.vue'),
     meta: { requiresAuth: true },
   },
+  {
+    path: '/p/:slug/workspaces',
+    name: 'workspace-list',
+    component: () => import('@/views/workspaces/WorkspaceListView.vue'),
+    meta: { requiresAuth: true },
+  },
+  {
+    path: '/p/:slug/w/:wsSlug',
+    name: 'workspace-home',
+    component: () => import('@/views/workspaces/WorkspaceHomeView.vue'),
+    meta: { requiresAuth: true },
+  },
 ]
 
 const router = createRouter({
diff --git a/web/src/views/projects/ProjectHomeView.vue b/web/src/views/projects/ProjectHomeView.vue
index a88e9ba..7b3a3bd 100644
--- a/web/src/views/projects/ProjectHomeView.vue
+++ b/web/src/views/projects/ProjectHomeView.vue
@@ -50,6 +50,9 @@
           <NButton @click="goIssues">
             Issue 列表
           </NButton>
+          <NButton @click="goWorkspaces">
+            工作区
+          </NButton>
         </div>
       </div>
 
@@ -85,4 +88,8 @@ function goRequirements() {
 function goIssues() {
   router.push({ name: 'issue-list', params: { slug } })
 }
+
+function goWorkspaces() {
+  router.push({ name: 'workspace-list', params: { slug } })
+}
 </script>