若依框架前后端分离Secrity

### 若依框架前后端分离 Security 配置详解 #### 安全配置概述 在若依框架的前后端分离架构中，安全机制主要通过 `SecurityConfig` 和 `CorsConfig` 类来实现。这些类位于项目的 config 层，负责处理认证授权以及跨域资源共享 (CORS) 的设置[^1]。 #### 后端 Spring Security 配置调整 为了使后端能够适配 CAS 单点登录系统，在原有基础上进行了如下改动： - **添加必要的依赖项**：确保项目 pom.xml 或 build.gradle 文件里包含了 spring-security-cas 支持所需的库。 - **修改 application.yml/yml 中的相关属性**： ```yaml cas: server-url-prefix: https://cas.example.com/cas client-host-url: https://${server.address}:${server.port}/ login-path: /login/cas logout-path: /logout/cas service-ticket-parameter-name: ticket username-parameter-name: username ``` - **更新 SecurityConfig.java** - 注释掉原有的全局方法安全性启用注解 (`@EnableGlobalMethodSecurity`) 来避免冲突。 - 实现 CasAuthenticationProvider 并注册到 AuthenticationManagerBuilder 中以便于验证来自 CAS Server 的票据信息。 ```java @Configuration public class SecurityConfig extends WebSecurityConfigurerAdapter { private final CasProperties casProperties; @Autowired public void configure(AuthenticationManagerBuilder auth) throws Exception { auth.authenticationProvider(casAuthProvider()); } // ...其他代码... } ``` - **创建自定义过滤器链** 创建一个新的 FilterChainProxy Bean 将其放置于默认的安全过滤器之前执行，用于处理 CAS 登录请求并解析 ST 票据。 ```java @Bean(name = "filterChainProxy") public FilterChainProxy filterChainProxy() { List<SecurityFilterChain> chains = new ArrayList<>(); DefaultListableBeanFactory beanFactory = context.getBean(DefaultListableBeanFactory.class); beansOfTypeIncludingAncestors(beanFactory, SecurityFilterChain.class).forEach((name, chain) -> chains.add(chain)); return new FilterChainProxy(chains.toArray(new SecurityFilterChain[chains.size()])); } ``` #### 前端 Vue.js 路由守卫与状态管理优化 针对前端部分，则需对 vue.config.js 进行 HTTPS 设置，并调整 .env.development 下的服务地址为 443 端口以匹配 SSL/TLS 加密传输需求；同时还要更改 permission.js 内部对于未鉴权用户的跳转路径判断逻辑，使之指向 CAS 提供的身份验证入口页；最后不要忘记同步修正 user.js Vuex Store 模块里的登出操作流程，使其可以正确清除本地存储的同时通知远程服务器注销当前会话[^2]。 #### Nginx 反向代理配置建议 当整个应用部署至生产环境时，推荐利用 NGINX 作为反向代理服务器来进行流量分发和服务隐藏。此时应编辑 nginx/conf.d/default.conf 文件移除预设规则集，代之以适应实际应用场景的新策略，比如指定上游微服务集群、开启 Gzip 数据压缩功能等措施提升性能表现[^3]。 ```nginx upstream backend { least_conn; server app01.example.com weight=5 max_fails=2 fail_timeout=30s; server app02.example.com backup; } server { listen 80; server_name www.example.org; location / { proxy_pass http://backend; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; add_header Strict-Transport-Security "max-age=63072000; includeSubdomains"; } gzip on; } ```