创建文件列表

vue/afvue/src/router/index.js

@@ -29,6 +29,11 @@ const router = new VueRouter({
       name: 'settingedit',
       component: () => import('../views/Setedit.vue')
     },
+    {
+      path: '/flist',
+      name: 'flist',
+      component: () => import('../views/Flist.vue')
+    },
     {
       path: '/about',
       name: 'about',
@@ -40,4 +45,13 @@ const router = new VueRouter({
   ]
 })
 
+// 路由守卫
+// router.beforeEach((to, from, next) => {
+//   if (to.name !== 'login' && !localStorage.getItem('token')) {
+//     next({ name: 'login' })
+//   } else {
+//     next()
+//   }
+// })
+
 export default router

vue/afvue/src/views/Dashboard.vue

@@ -6,7 +6,7 @@
             <span class="dstit">{{index+1}}、 {{ item.addr }} 服务器概况</span>
 
             <div class="dsinfo">
-                <a href="" class="dsbtn green">文件同步</a>
+                <router-link :to="'/flist?srcip='+item.addr" class="dsbtn green">文件浏览器</router-link>
                 <a href="" class="dsbtn green">代码对比</a>
             </div>
             <div class="dscon">

vue/afvue/src/views/Flist.vue

@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <h1>文件浏览器</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Flist',
+    data() {
+        return {
+            srcip: '',
+            dstip: '',
+            flist: []
+        }
+    },
+    mounted() {
+        this.srcip = this.$route.query.srcip
+    },
+    methods: {
+        getFlist() {
+            this.$http.get('/api/flist?srcip='+this.srcip).then(res => {
+                this.flist = res.data
+            })
+        }
+    }
+}
+</script>
+
+<style scoped>
+    h1 {
+        color: #333;
+    }
+</style>