【VUE】使用白名单,含参路由仍不被导航守卫拦截的方法

408 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

思路

很简单,原来在白名单中配置的是'/liveroom'这样的路由,现在配置为'liveroom'的名称,然后将导航守卫中的to.path改成to.name即可。这样'/liveroom/124235'或者更复杂的路径也都不会被拦截。

代码

  1. 含参的路由 在这里插入图片描述

  2. 白名单 在这里插入图片描述

  3. 导航守卫 在这里插入图片描述