diff --git a/src/views/ChatRoom.vue b/src/views/ChatRoom.vue
index ad63f9d..979dcc0 100644
--- a/src/views/ChatRoom.vue
+++ b/src/views/ChatRoom.vue
@@ -1,4 +1,5 @@
 <template>
+  <Navbar />
   <div class="chat-room">
     <h2>聊天室</h2>
     <div class="chat-messages" ref="messagesRef">
@@ -19,6 +20,9 @@
 import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
 import { useStore } from 'vuex'
 import axios from 'axios'
+import Navbar from '@/components/Navbar.vue';
+
+
 
 const store = useStore()
 const wsUrl = 'ws://localhost:8081/api/ws/chat'