VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘)

Posted 2021-07-19 火腿肠烧烤大赛冠军

next()

放行

next(’/XXX’)

无限拦截

beforeEach((to, from, next) => {
  beforeEach(('/XXX', from, next) => {
  	 beforeEach(('/XXX', from, next) => {
  	 	 beforeEach(('/XXX', from, next) => {
  	 	 	beforeEac...  // 一直循环下去...... , 因为我们没有使用 next() 放行
 		}
 	 }
  }
}

next({ …to, replace: true })

**…to：**无限访问目标路由（通常用于动态添加路由）
**replace: true ：**本次操作后，不能通过浏览器后退按钮，返回前一个路由。