［明日方舟抽卡数据库］开发日志（八）

本文链接：https://blog.csdn.net/qq_37439115/article/details/126319755

太忙了太忙了，今天差点忘发了，下午新写了功能，可以看到自己垫了多少发，顺便还修了个bug

新增功能

查看自己垫了多少发

修复bug

修复动态路由刷新后空白页、修复404页丢失

动态路由修复代码（permission.js）：

if (to.path === '/login') {
    // if is logged in, redirect to the home page
    next({ path: '/' })
    NProgress.done()
} else {
    const hasRoles = store.getters.roles && store.getters.roles.length > 0
    if (hasRoles) {
        next()
    } else {
        try {
            // get user info
            // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
            const { roles } = await store.dispatch('user/getInfo')
            // 得到roles 进行 获取用户路由权限, 得到了需要显示的路由
            const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
            // 然后动态添加可以访问的路由
            router.options.routes = constantRoutes.concat(accessRoutes)
            await router.addRoutes(accessRoutes)
            // hack 方法确保addroutes 完成
            // 设置replace:true  导航不会留下历史记录
            next({ ...to, replace: true })
        } catch (error) {
            // remove token and go to login page to re-login
            await store.dispatch('user/resetToken')
            Message.error(error || 'Has Error')
            next(`/login?redirect=${to.path}`)
            NProgress.done()
        }
    }
}