npm install vue-router

import Vue from 'vue'

import Router from 'vue-router'

import routes from './routes'

Vue.use(Router)

const router = new Router({

    routes

})

router.beforeEach((to,from,next)=>{

    if(to.matched.some((route)=>route.meta.Auth)){

        next({

            path:'/login',

            query:{

                returnURL:to.path

            }

        })

    }else{

         next()

    }

})

export default router

import Artical from '../views/Artical'

import Channel from '../views/Channel'

import Index from '../views/Index'

import Setting from '../views/Setting'

import Base from '../views/setting/Base'

import Password from '../views/setting/Password'

import Avatar from '../views/setting/Avatar'

import Login from '../views/Login'

const routes = [

    {

        path: '/',

        component: Index,

        redirect:'/artical/1',

        children: [

            {

                path: 'artical/:id',

                component: Artical

            },

            {

                path: 'channel/:id',

                component: Channel

            },

            {

                path:'setting',

                component:Setting,

                meta:{

                    Auth:true

                },

                redirect:'/setting/base',

                children:[

                    {

                        path:'base',

                        component:Base

                    },

                    {

                        path:'password',

                        component:Password

                    },

                    {

                        path:'avatar',

                        component:Avatar

                    }

                ]

            }

        ]

    },{

        path:'/login',

        component:Login

    }

]

export default routes