使用Spring Boot的跨源CORS设置,前后端分离的时候
2018-01-09 11:17
671 查看
已拦截跨源请求:同源策略禁止读取位于 http://localhost:8899/login 的远程资源。(原因:CORS
头缺少 'Access-Control-Allow-Origin')
如果使用postman就不会存在跨域问题。
但是前后端分离的时候前后端都是要设置的,以下是后端的配置
参考http://blog.csdn.net/superpeepi_csdn/article/details/72625521
@Configuration
public class SecurityCorsConfiguration {
@Bean
public FilterRegistrationBean corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("http://localhost:4200");
config.addAllowedHeader(CorsConfiguration.ALL);
config.addAllowedMethod(CorsConfiguration.ALL);
source.registerCorsConfiguration("/**", config);
FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
bean.setOrder(Ordered.HIGHEST_PRECEDENCE);
return bean;
}
}
头缺少 'Access-Control-Allow-Origin')
如果使用postman就不会存在跨域问题。
但是前后端分离的时候前后端都是要设置的,以下是后端的配置
参考http://blog.csdn.net/superpeepi_csdn/article/details/72625521
@Configuration
public class SecurityCorsConfiguration {
@Bean
public FilterRegistrationBean corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("http://localhost:4200");
config.addAllowedHeader(CorsConfiguration.ALL);
config.addAllowedMethod(CorsConfiguration.ALL);
source.registerCorsConfiguration("/**", config);
FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
bean.setOrder(Ordered.HIGHEST_PRECEDENCE);
return bean;
}
}
相关文章推荐
- 使用Spring Boot的跨源CORS设置
- 使用Spring Boot的跨源CORS设置
- 使用Spring Boot的跨源CORS设置
- 使用Spring Boot的跨源CORS设置
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
- Vue+Springboot前后端分离websocket的使用
- 使用Springboot和Vue开发的CRM系统,真正前后端分离的微服务架构,BAT互联网公司主流技术的集大成者
- SpringBoot 实现前后端分离的跨域访问(CORS)
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(二)
- spring-boot入门(三)前后端分离使用HTML视图
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(一)
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(六)
- spring与hibernate整合-使用properties文件分离数据库连接设置
- springboot 1.5.x 使用tomcat8设置cookie的domain以dot开头报错
- java 浅析跨域问题以及如何使用Cors解决前后端分离部署项目所遇到的跨域问题
- 基于springboot+vue+element+ueditor实现前后端分离的富文本框实现
- 一个实际的案例介绍Spring Boot + Vue 前后端分离
- 重拾后端之Spring Boot(四):使用JWT和Spring Security保护REST API
- 使用springBoot实现 web后端(一)
- 基于CAS的单点登录SSO[5]: 基于Springboot实现CAS客户端的前后端分离