Skip to main content

vue routing global guard beforeEach and afterEach

 Global routing front guard (beforeEach) This function is used the most. Its function is to perform permission-related verification before routing jumps. This function contains three parameters: to: the object of the target route that is about to enter; from: the route that the current route is leaving; next: confirm the release. It can be used to log in and register, to determine whether there is a token before logging in, and release if it exists. , if it does not exist, it will not be released. The post routing guard (afterEach), its role is to trigger after the routing jump.

Instructions for use

router.beforeEach((to,from,next)=>{
    console.log("666")
    console.log("to",to)
    console.log("from",from)
//    /*  let reg=/\/h\/*/g

    if(to.path==="/aaa/bbb"||to.path==="/aaa/ccc"){
        if(localStorage.getItem("token")==="hello"){
            next()
        }
    }
    else{
        next()
    }
})
router.afterEach((to,from)=>{
    document.title=to.meta.title||"Vue666"
})

Comments

Popular posts from this blog

A simple understanding of ES6 iterators

 What is an iterator?An iterator is an interface that provides a unified access mechanism for various data structures. Any data structure can complete the traversal operation as long as the iterator interface is deployed.ES6 created a new traversal command for...of loop, which natively has a data structure with the iterator interface (which can be traversed with for...of). Contains Array, Arguments, Set, Map, String, TypedArray, NodeList. Of course, you can also implement this interface manually, which is convenient for practical use.