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

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

新增功能

查看自己垫了多少发

修复bug

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

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

if (to.path === '/login') {// if is logged in, redirect to the home pagenext({ path: '/' })NProgress.done()
} else {const hasRoles = store.getters.roles && store.getters.roles.length > 0if (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-loginawait store.dispatch('user/resetToken')Message.error(error || 'Has Error')next(`/login?redirect=${to.path}`)NProgress.done()}}
}

 体验地址

明日方舟数据库https://ak.mcsite.cn