vuerouter.beforeEach not redirect

[cppo-dev]

now ,i want to "http://localhost:8081/#/" enter key

the URL is go to the "http://localhost:8081/#/School" that is not action

WHY?

Thanks

APP.VUE

< template>
 < div id="app">
     < router-view></ router-view>
 < /div>
< /template>
< script>
    export default {
      name: 'App',
   }  
  < /script>

router.js

import vuerouter from "vue-router";
import School from "@/components/School"; 
import Student from "@/components/Student";

       let vr= new vuerouter({
          routes:[
        {
            name:'School',
            path:'/School',
            component:School
        },
        {
            name:'Student',
            path:'/Student',
            component: Student
        },
        ]
        })

    vr.beforeEach((to,from,next)=>{
        console.log('to',to)
        console.log('from' , from)

    if (from.path ==='/') {

        next({
            path:'/School'
        })
        }

    })

    export default  vr

[ZenMoon]

from.path // to.path
maybe...