vue调节css

后端做业务处理

1.分类管理

@GetMapping("/queryCtc")
    public ApiResult queryCtc(){
        return ctcService.queryCtc();
    }

    /**
     * 修改类目信息
     * @return
     */
    @PutMapping("/updateCtc")
    public ApiResult updateCtc(@RequestBody ShopCtc shopCtc){
        return ctcService.updateCtc(shopCtc);
    }

    /**
     * 删除
     * @param id
     * @return
     */
    @DeleteMapping("/deleteCtc/{id}")
    public ApiResult deleteCtc(@PathVariable("id") Integer id){
        return ctcService.deleteCtc(id);
    }

简单的增删改查

2.类目管理

简单的增删改查

vue3 我做了什么

路由守卫导航只能，拦截不能直接通行的问题

路由守卫导航的编写，昨天发现一个问题，守卫导航只能，拦截不能直接通行的问题

业务逻辑

原本是判断是否存在token问题，如果没有存在token就说明没有登录，没有登录token为空，token为空直接返回到登录页面

if(token==null){
        next('/login');
    }

直接停在这个页面一动不动

路由只能拦截的问题进行处理

我昨天修改了成了，路由进行判断是否有token如果没有token就只能返回到登录页面，不能跳转到其他页面

// 路由守卫
router.beforeEach((to,from,next) =>{
    const token = localStorage.getItem("token");
    const message = createDiscreteApi(["message"]).message;
    // 登录页面
    if(to.path=='/login'){
        next()
    }else{
        // 非登录页面
        if(token!=null){
            // /views/Cate.vue
            next()
        }
    }
})