vue页面 登陆验证

原创 73阅读 · 时间2019年7月9日 16:57


vue页面 做 是否登陆验证,未登陆直接跳转至登陆页面

主要是 获取 token,如果本地有token则通过


在router.js中加入 meta:{} ,代码如下:


routes: [
    {
        path: '/',
        name: 'idnex',
        components: {
        sitep: Sitep,
        order_done: Order_done,
        nav: Nav,
    },
    meta: {
        title: '在线下单首页',
        type: 'login'
    },
},


在main.js中定义验证方式:


router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    }
const type = to.meta.type
// 判断该路由是否需要登录权限
    if (type === 'login') {
        // 获取是否有token
        if (window.localStorage.getItem('token')) {
            next()
        } else {
            // 1. 跳转至login
            // next('/login/')
            // 2. 重定向到login
            router.replace({
                path: '/login',
                query: {redirect: router.currentRoute.fullPath}
            });
            }
        } else {
        next()  // 确保一定要有next()被调用
    }
}),



评论

本站升级中... 如有好的建议请加入QQ群!

相关文章推荐 ?
近七日热文推荐 !
回到顶部