diff --git a/src/components/NavBottom.vue b/src/components/NavBottom.vue
index 238435a..2d8df44 100644
--- a/src/components/NavBottom.vue
+++ b/src/components/NavBottom.vue
@@ -1,13 +1,14 @@
 <template>
     <div class="nav-bottom">
         <div class="nav-container">
-            <div v-for="(item, index) in navArray" :key="index" class="nav-item">{{ item.name }}</div>
+            <div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)">{{ item.name }}</div>
         </div>
         <div class="copyright">Beelink公司版权所有  2019—2022</div>
     </div>
 </template>
 
 <script lang="ts">
+import router from '@/router';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
@@ -20,23 +21,28 @@ export default defineComponent({
         const navArray: Array<Nav> = [
             {
                 name: "直播管理",
-                route: ""
+                route: "/regime/live"
             },
             {
                 name: "视频管理",
-                route: ""
+                route: "/regime/video"
             },
             {
                 name: "订阅者管理",
-                route: ""
+                route: "/regime/subscriber"
             },
             {
                 name: "个人中心",
-                route: ""
+                route: "/mine/archives"
             }
         ]
+        function navto(url: string){
+            router.push(url)
+        }
+
         return {
-            navArray
+            navArray,
+            navto
         }
     }
 })
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index dd36aa6..9ff5c2b 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="videoitem">
+    <div class="videoitem" @click="navto()">
         <img src="" alt="" class="cover">
         <img src="@/static/images/play.png" alt="" class="play">
         <div class="title">
@@ -128,14 +128,24 @@
 }
 </style>
 <script lang="ts">
+import router from '@/router';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-      props:{
+    props:{
         type: {
             type: Number,
             default:1
         }
     },
+    setup() {
+        function navto(){
+            router.push("/regime/videoinfo")
+        }
+
+        return {
+            navto
+        }
+    }
 })
 </script>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index b756f05..6d52111 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -19,7 +19,8 @@ module.exports = {
         // 为开发环境修改配置...
         
         config.devServer = {
-          proxy: 'http://case.sy-my.net'
+          proxy: 'http://case.sy-my.net',
+          disableHostCheck: true
         }
       }
     }