标签：守卫

Vue 路由守卫进阶：用策略模式告别 if-else

前言在我们开发 Vue 应用时，路由守卫（router.beforeEach）是无法避开的核心环节。我们需要在这里判断用户是否登录、是否完成实名认证、是否有权限访问当前页面……随着业务逻辑的不断增加，我们写出的路由守卫往往会变成下面这种难以维护的“面条代码”：router.beforeEach((to, from, next) => { // 从状态管理库获取用户的当前状态 const isLogin = store.isLogin; // 是否已登录 const isRealName = store.isRealNameVerified; // 是否已实名认证 ...