电商后台项目总结

0. 路由导航守卫

router.beforeEach((to, from, next) => {
    // to 要访问的路径
    // from 从哪里来的
    // next() 直接放行，next('/login') 表示跳转
    // 要访问 /login 的话那直接放行
    if (to.path === '/login') return next()
    const tokenStr = window.sessionStorage.getItem('token')
    // token 不存在那就跳转到登录页面
    if (!tokenStr) return next('/login')
    // 否则 token 存在那就放行
    next()
})

1. 收集 3 级权限的 ID

getLeafKeys(node) {
    if (!node.children) {
        // 没有 children 证明这儿就是三级节点
        return this.defKeys.push(node.id)
    }
    node.children.forEach(item => this.getLeafKeys(item))
}