原理:运用打印this.router 然后获取里面的query字段
query字段:记录从哪儿跳转来的
(例如:我这里想要跳转到center页面去,但是这个页面需要登录授权才可以跳转过去,没有登录的话就会直接返回登录页面,query字段的话就可以记录到我是从center页面跳转过来的)
可以实现的功能:
应用获取到的query字段,我可以在登录成功后直接跳转到我想去的center页面
this.$router.push(this.$router.query.redierct)
代码如下 我这里路由配置是单独放在一个文件下面
路由写法:
{
path:'/center',
component:Center,
meta:{
iskey:true
}
},
路由拦截:
import Vue from ‘vue’
import VueRouter from ‘vue-router’
import routes from ‘./routes’
Vue.use(VueRouter)//注册路由插件
const router = new VueRouter({
mode: ‘hash’,
base: process.env.BASE_URL,
routes
})
//路由拦截(守卫)
//from是跳转前的路由(从哪儿来)
//to是跳转后的页面路由(到哪儿去
//next是必须要执行的,加上next路由才会跳转(next(