SpringSecurity-2.7中跨域问题解析
更新时间：2024年01月06日 09:46:53 作者：itl-coder.github.io
这篇文章主要介绍了SpringSecurity-2.7中跨域问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
SpringSecurity-2.7中跨域问题
访问测试
起因
写这篇的起因是会了解到
SSM(@CrosOrigin)解决跨域,但是会在加入SpringSecurity配置后,这个跨域解决方案就失效了,而/login这个请求上是无法添加这个注解或者通过配置(WebMvcConfig)去解决跨域,所以只能使用SpringSecurity提供的.cros()去解决跨域,但是在学习过程中,如果稍微粗心,可能会出现跨域不通的问题,而以下将会说明SpringSecurity是如何配置跨域的
Postman发起的请求不属于异步请求(区分前后端分离的JSON)
使用axios发起异步请求,
<!--
前端: 使用 Live Server 启动访问 http://127.0.0.1:5500/index.html
后端: localhost:8080/login
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="btn">发起异步请求</button>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
let btnEl = document.querySelector('#btn');
btnEl.onclick = function () {
console.log('click......................');
axios({
url: 'http://localhost:8080/login',
method: 'post',
data: {
username: 'zhangsan',
password: '123456',
},
}).then((res) => {
console.log(res);
});
};
</script>
</body>
</html>请求测试
SpringSecurity-配置
config
// 【/login】需要显示的声明出来,在前后端分离中，本文没有采用的是 ajax 向后端发送异步请求
@Bean
public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
/**
* 请求配置
* authorizeHttpRequests: 开启权限请求管理,针对 http 请求进行授权配置
* mvcMatchers: 匹配请求
* - permitAll: 代表放行该资源,该资源位公共资源,无需认证和授权可以直接访问
* - anyRequest().authenticated(): 代表所有请求,必须认证之后才能访问
* - formLogin: 代表开启表单认证
* <strong>放行资源必须放在认证资源之前</strong>
*/
http.authorizeHttpRequests((authorizeHttpRequests) ->
authorizeHttpRequests
// 预检请求是怎么知道的：官网中有这样一段描述，如图
.antMatchers(HttpMethod.OPTIONS, "/login").permitAll()
.anyRequest().authenticated()
);
/**
* 跨域配置
*/
http.cors().configurationSource(corsConfigurationSource());
// WHITELIST 自定义的放行资源数组, /login不能出现在里面
@Bean
public WebSecurityCustomizer webSecurityCustomizer() {
return (web) -> web.ignoring().antMatchers(WHITELIST);
}
}
// 此处关于下方的描述可以不更改,依然使用此配置
@Bean
CorsConfigurationSource corsConfigurationSource() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); // 新建一个跨域配置源
// 你只要点击 .cors().configurationSource( <- 点击进入这个方法，查看出这个参数,就明白为什么给了 CorsConfiguration,)
CorsConfiguration configuration = new CorsConfiguration(); // 新建一个跨域配置
configuration.setAllowCredentials(true); // 【这个凭证问题,后续会给出详细解释,在 axios 的配置中默认是false,【axios 中 `withCredentials` 表示跨域请求时是否需要使用凭证】浏览器是否应当发送凭证信息，如cookie。
configuration.setAllowedMethods(Arrays.asList("*")); // 允许的请求方法,*表示允许所有方法
configuration.setAllowedHeaders(Arrays.asList("*")); // 允许的请求头,*表示允许所有头
configuration.setMaxAge(Duration.ofHours(1)); // 预检请求的有效期，有效期内不必再次发送，默认是1800秒。
configuration.setAllowedOriginPatterns(Arrays.asList("*"));// 允许的请求源
source.registerCorsConfiguration("/**", configuration); // 注册跨域配置
return source;
}
以上配置其实可以算正确,但是有合规
在调试后发现,只需要将
/login加入(.antMatchers("/login").permitAll()),在所看到的视频中的关于SpringSecurity的跨域就生效了，也可以不将预检配置出来
到此这篇关于SpringSecurity-2.7中跨域问题的文章就介绍到这了,更多相关SpringSecurity跨域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了java 面向对象面试集锦的相关资料,这里整理了面向对象的基础知识，帮助大家学习理解此部分的知识，需要的朋友可以参考下2021-07-07
这篇文章主要通过两个例题为大家介绍一下Java合并两个及以上有序链表的实现方法，文中的示例代码讲解详细，具有一定的学习价值，需要的可以参考一下2022-11-11
springboot不扫描@repository的问题及解决
这篇文章主要介绍了springboot不扫描@repository的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
关于fastjson的@JSONField注解的一些问题(详解)
下面小编就为大家带来一篇关于fastjson的@JSONField注解的一些问题(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要为大家介绍了在Java项目中实现CI/CD持续集成与持续部署详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
文章主要介绍了JDK和JRE的区别,以及如何在Windows和Linux下安装和配置JDK,还包括了如何测试安装是否成功和卸载JDK的方法2026-04-04
这篇文章主要介绍了JAVA 获取系统当前时间实例代码的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了Java中Minio的基本使用详解,MinIO 是一个基于Apache License v2.0开源协议的对象存储服务,它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据,例如图片、视频、日志文件、备份数据和容器/虚拟机镜像等,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了Java中Long类型传入前端数值出错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-04-04
这篇文章主要介绍了springboot如何读取自定义配置项的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-05-05
最新评论