unfinished WebUI

nginx-ui-frontend/src/router/index.js

@@ -0,0 +1,114 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import axios from 'axios'
+
+Vue.use(VueRouter)
+
+export const routes = [
+    {
+        path: '/',
+        name: '首页',
+        component: () => import('@/layouts/BaseLayout'),
+        redirect: '/domain',
+        children: [
+            /*{
+                path: 'dashboard',
+                //component: () => import('@/views/dashboard/DashBoard'),
+                name: '仪表盘',
+                meta: {
+                    //hiddenHeaderContent: true,
+                    icon: 'home'
+                }
+            },*/
+            {
+                path: 'domain',
+                name: '网站管理',
+                component: () => import('@/layouts/BaseRouterView'),
+                meta: {
+                    icon: 'cloud'
+                },
+                redirect: '/domain/list',
+                children: [{
+                    path: 'list',
+                    name: '网站列表',
+                    component: () => import('@/views/Domain.vue'),
+                }, {
+                    path: 'add',
+                    name: '添加站点',
+                    component: () => import('@/views/DomainEdit.vue'),
+                }, {
+                    path: ':name',
+                    name: '编辑站点',
+                    component: () => import('@/views/DomainEdit.vue'),
+                    meta: {
+                        hiddenInSidebar: true
+                    }
+                }, ]
+            },
+            {
+                path: 'config',
+                name: '配置管理',
+                component: () => import('@/views/Config.vue'),
+                meta: {
+                    icon: 'file'
+                },
+            },
+            {
+                path: 'config/:name',
+                name: '配置编辑',
+                component: () => import('@/views/ConfigEdit.vue'),
+                meta: {
+                    hiddenInSidebar: true
+                },
+            },
+            {
+                path: 'about',
+                name: '关于',
+                component: () => import('@/views/About.vue'),
+                meta: {
+                    icon: 'info-circle'
+                }
+            },
+        ]
+    },
+    {
+        path: '/404',
+        name: '404 Not Found',
+        component: () => import('@/views/Error'),
+        meta: {noAuth: true, status_code: 404, error: 'Not Found'}
+    },
+    {
+        path: '*',
+        name: '未找到页面',
+        redirect: '/404',
+        meta: {noAuth: true}
+    }
+]
+
+const router = new VueRouter({
+    routes
+})
+
+router.beforeEach((to, from, next) => {
+    document.title = 'Nginx UI | ' + to.name
+
+    if (process.env.NODE_ENV === 'production') {
+        axios.get('/version.json?' + Date.now()).then(r => {
+            if (!(process.env.VUE_APP_VERSION === r.data.version
+                && Number(process.env.VUE_APP_BUILD_ID) === r.data.build_id)) {
+                Vue.prototype.$info({
+                    title: '系统信息',
+                    content: '检测到版本更新，将会自动刷新本页',
+                    onOk() {
+                        location.reload()
+                    },
+                    okText: '好的'
+                })
+            }
+        })
+    }
+
+    next()
+})
+
+export {router}