一 前端部分: 路由验证
应用场景 :例如首页,分类是没有登录的用户也可直接进入
购物车、个人中心等版块需要登录才能进入
实现步骤:
(1) 在路由配置中,需要给登录进入的路由添加meta元信息
{
path: '/cart',
component: cart,
meta: {
title: '购物车',
Auth: true //购物车需要授权
}
}
(2) 在全局前置导航守卫中实现授权验证
to: 即将进入的路由 ($route路由记录)
from: 来自哪个路由
next: 是一个函数,可以控制路由是否跳转
router.beforeEach((to,from,next)=>{
let token = localStorage.getItem("token")
if (to.matched.some(record=>record.meta.Auth)){
if (token){