前后端分离跨域springBoot跨域有效解决问题
更新时间:2024年01月22日 08:41:39 作者:小栋哟
这篇文章主要介绍了前后端分离跨域springBoot跨域有效解决问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
前后端分离跨域springBoot跨域有效解决
之前一直听过跨域这个词,以前的项目也有跨域需要处理,但是自己未参与也未曾看过别人是怎么解决的。
最近有个前后端完全分离项目, 需要解决一下跨域问题;解决完了就简单在此记录一下
同源策略
请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.
比如:我在前端页面上的域名是3000端口,请求后台项目端口为8000的域名
这个时候在浏览器上会报错:

这样后台肯定是进不去,所以直接上代码。
以下是springboot解决方案
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
public class MyConfiguration {
@Bean
public FilterRegistrationBean corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
// 设置域名你要允许的网站,如果全允许则设为 *
//config.addAllowedOrigin("http://127.0.0.1:3000");
config.addAllowedOrigin("*");
// 如果要限制 HEADER 或 METHOD 请自行更改
config.addAllowedHeader("x-requested-with,content-type,requesttype");
config.addAllowedMethod("*");
source.registerCorsConfiguration("/**", config);
FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
// 这个顺序很重要哦,为避免麻烦请设置在最前
bean.setOrder(0);
return bean;
}
}页面ajax正常请求就可以访问了
url示例:
http://127.0.0.1:80/person/checkStatusPerson
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
java.lang.Runtime.exec() Payload知识点详解
在本篇文章里小编给大家整理的是一篇关于java.lang.Runtime.exec() Payload知识点相关内容,有兴趣的朋友们学习下。2020-03-03
idea插件之mybatis log plugin控制台sql的问题
这篇文章主要介绍了idea插件之mybatis log plugin控制台sql,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-09
Java中ConcurrentHashMap是如何实现线程安全
ConcurrentHashMap是一个哈希表,支持检索的全并发和更新的高预期并发。本文主要介绍了Java中ConcurrentHashMap是如何实现线程安全,感兴趣的可以了解一下2021-11-11


最新评论