第十二章 前后端代码优化

前言

这章的主要内容就是优化前后端代码和后面教程的规划

一、后端白名单配置优化

之前那个白名单有个 bug，就是在 yml 文件里面配置后；自定义的拦截器能够放过，但是 Spring Security 却还是拦截了，后来翻代码才发现 Spring Security 的拦截逻辑是去掉了项目前缀的，也就是我们项目中的/upms，而我自定义的拦截是加了/upms，所以我就把两边的过滤逻辑都统一了，代码如下：

    /**
     * 过滤白名单的url
     *
     * @return
     */
    private boolean filterWhiteUrl(HttpServletRequest httpServletRequest) {
        List<String> releaseUrls = permitUrlProperties.getUrls();
        if (CollectionUtil.isNotEmpty(releaseUrls)) {
            for (String releaseUrl : releaseUrls) {
                AntPathRequestMatcher matcher = new AntPathRequestMatcher(releaseUrl);
                if (matcher.matches(httpServletRequest)) {
                    return true;
                }
            }
        }
        return false;
    }

二、前端 API 响应异常拦截增加自定义处理逻辑

之前的 API 响应异常是没做自定义处理的，而是直接抛出了；现在我们加了针对常见错误码，如：404、401、403、500 等处理逻辑，并且添加节流处理逻辑，防止重复异常提示。

/** * 节流控制，防止重复请求 * 使用lodash的方法，也可以用vueuse里面的 */ const
throttledError = throttle((error: string) => Message.error(error), 3000, {
trailing: false, });

---

三、总结

至此，一个完整的权限管理系统就完成了，基本能够满足日常练手和某些单机系统，后续我还会不断迭代更新，有喜欢的老铁还请继续关注！

从下期开始我将推出分布式版本的服务架构，支持多机部署，共享会话！

当前版本 tag：1.0.11 代码仓库

四、 体验地址

后台数据库只给了部分权限，报错属于正常！

想学的老铁给点点关注吧！！！

欢迎留言交流！！！

我是阿咕噜，一个从互联网慢慢上岸的程序员，如果喜欢我的文章，记得帮忙点个赞哟，谢谢！