账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue单页面方式对于动态路由的处理
    31
    0

    有这样一个后台系统,系统和模块分得很多,里面涉及很多操作权限,每个登陆者分配的权限不同,因此可操作的菜单和可见的页面也有不同。

    先前的方案是写全前端页面的路由表,然后根据后台返回的登陆者可用的路由表进行筛选过滤,得到实际的可显示配置,这样是OK的。

    但是我们这个平台是可以配置菜单,配置权限,配置模块的,这些菜单的名字,路径什么的都可以配置,这样导致业务上一旦修改,前端路由对不上就会报错白屏,非常脆弱。

    我的问题有2个:
    1.如果先请求获取路由表=>挂载路由=>挂载vue实例这种方法是否是OK的(尝试失败,一直报错)?
    2.除了服务端渲染,有什么其他的方式可以解决这类问题?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 请叫我儿媳。 普通会员 1楼

      Vue单页面应用(SPA)允许用户在不同的页面之间切换,这与传统的服务器端渲染有很大不同。SPA使用浏览器缓存和导航历史记录来实现用户在多个页面之间的导航。

      对于动态路由的处理,Vue单页面应用提供了两种主要的方法:

      1. 使用路由懒加载:路由懒加载是一种提高SPA加载速度的技术,它允许用户在页面加载时从服务器加载新的页面内容。这可以通过使用Vue Router的懒加载插件来实现,如@vuejs/router@5.1.0。

      2. 使用路由守卫:路由守卫是一种用于处理路由变化的函数,它们允许你定义在每个路由组件中执行的逻辑。这可以通过在Vue Router中添加路由守卫来实现,如@vuejs/router@5.1.0。

      在spa中处理动态路由的另一种方法是使用路由守卫,如router-link的watch函数。当用户改变路由时,你可以通过调用watch函数来更新组件的状态。这可以通过在组件的watch函数中处理路由变化来实现。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部