当前位置:   article > 正文

简单搭建一个Vue3+Ts的管理后台(四)_vue3+ts怎么和后端对接

vue3+ts怎么和后端对接

路由拦截跳转

配置路由

先创建两个页面,一个首页,一个登录页面

配置前置守卫

使用VueRouter的beforeEach的钩子函数,在路由跳转前执行,通过对目标路由和当前路由的判断,最终确定跳转到何处

beforeEach((to:目标路由,from:当前路由,next:跳转函数)=>{})

我们需要的是判断有没有缓存一个登录的token,如果没有就跳转到登录通过登录获取到这个token存起来,作为后续前后端交互的令牌

路由配置好之后开始搭建一个简单的登录页面和后端进行登录交互

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/719594
推荐阅读