前后端分离项目:Java后台后台重定向一个带参数的地址,前端要在地址中获取参数,并保存在Vue中
后台接口
根据业务需求,需要直接访问后台的接口进行校验,校验成功以后可以直接进入系统:
这个比较简单,直接在后台写一个接口接收到参数,然后进行校验即可。
校验完成以后,肯定是要进入到前台界面访问,于是后台重定向。
//response为 HttpServletResponse response;
response.sendRedirect("http://前端地址:端口/#/testStatus?token=" + token);
前台拦截
现在跳转到前台了没错,但是之前的前端是有写拦截的,即如果没有获取到token的话,是会拦截到登录界面的。
刚接触的vue,于是查资料,发现了路由拦截,在全局路由文件里面新增
path就是你的请求地址
component: (resolve) => require(['@/views/testStatus'], resolve),
就是请求成功后跳转的vue页面
前台怎么获取到重定向的参数
在permission.js中根据请求做修改。
permission主要负责全局路由守卫和登录判断
if (to.path="/testStatus"){
if (to.query.toke!=null){ //token就是重定向过来的参数名
console.info("这里就可以获取到参数了。。。")
}
}
好了,到这里为止想要的可以实现了,刚接触vue还不是很懂,要是有更好的方法欢迎留言。
我是张同学,记录下工作中出现的问题。
不积跬步,无以至千里;不积小流,无以成江海。