本文主要是介绍[明日方舟抽卡数据库]开发日志(八),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
太忙了太忙了,今天差点忘发了,下午新写了功能,可以看到自己垫了多少发,顺便还修了个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
这篇关于[明日方舟抽卡数据库]开发日志(八)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!