java

关注公众号 jb51net

关闭
首页 > 软件编程 > java > 前后端分离跨域springBoot跨域

前后端分离跨域springBoot跨域有效解决问题

作者:小栋哟

这篇文章主要介绍了前后端分离跨域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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文