Spring Security 和 Angular 6 HTTPS 请求
Posted
技术标签:
【中文标题】Spring Security 和 Angular 6 HTTPS 请求【英文标题】:Spring Security And Angular 6 HTTPS requests 【发布时间】:2019-08-08 20:45:03 【问题描述】:我在 Spring Boot 中的后端应用程序并使用 ssl 保护。我使用 OAuth2 facebook 登录。也是 Angular 7 中的前端应用程序并由 ssl 保护。我的问题是将请求 Angular 发送到我的 Spring Boot 应用程序。所有应用程序都是 https。
附:如果我将 url 添加到 webSecurity.ignoring(),一切正常。并且不保护我的后端。我认为安全性和 HTTPS 请求存在一些问题。感谢您的帮助。
后端
SecurityConfig.java
@RestController
@CrossOrigin(origins = "https://192.168.1.106:4400")
@Configuration
@Order(1000)
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter
@Autowired
UserRepo userRepo;
@Override
protected void configure(HttpSecurity http) throws Exception
http
.cors().and()
.csrf().disable()
.authorizeRequests()
.antMatchers(HttpMethod.GET, "/unauth/**").permitAll()
.antMatchers(HttpMethod.POST, "/unauth/upload").permitAll()
.antMatchers(HttpMethod.POST, "/api/**").authenticated()
.antMatchers(HttpMethod.PUT, "/api/**").authenticated()
.antMatchers(HttpMethod.DELETE, "/api/**").authenticated()
.antMatchers(HttpMethod.GET, "/api/**").authenticated()
.anyRequest().permitAll()
.and().logout().logoutSuccessUrl("/").permitAll();
@Override
public void configure(WebSecurity webSecurity)
webSecurity.ignoring().antMatchers(HttpMethod.GET, "/unauth/**");
webSecurity.ignoring().antMatchers(HttpMethod.POST, "/unauth/**");
webSecurity.ignoring().antMatchers(HttpMethod.POST, "/unauth/**");
SomeRestController.java
@RestController
@CrossOrigin(origins = "https://192.168.1.106:4400")
@RequestMapping ("/api")
public class ProductService
@Autowired
private ProductRepo productRepo;
@CrossOrigin(origins = "https://192.168.1.106:4400")
@GetMapping("/products")
public List<Product> getProducts()
return productRepo.findAll();
SpringBootApplication.java
@SpringBootApplication
@EnableOAuth2Sso
@CrossOrigin(origins = "https://192.168.1.106:4400", allowCredentials = "false")
public class MongoTestApplication
public static void main(String[] args)
SpringApplication.run(MongoTestApplication.class, args);
前端
SomeComponent.html
SomeComponent.ts
val:any = ;
makeRequest()
this.http.get("https://localhost:8443/api/products").subscribe(value => this.val = value; console.log(this.val.key));
错误
浏览器出错
Access to XMLHttpRequest at 'https://localhost:8443/api/brands' from origin 'https://192.168.1.106:4400' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
core.js.pre-build-optimizer.js:15714 ERROR n headers: t, status: 0, statusText: "Unknown Error", url: "https://localhost:8443/api/brands", ok: false, …
【问题讨论】:
您将 api 端的跨域设置为 192.168.1.106:4400,但从 localhost:8443/api/products 访问它。这些是完全不同的域名。尝试使用 IP 访问它(端口应该相同)。客户端和后端之间是否有代理服务器,因为您访问 8443 并希望它路由到端口 4400? 我尝试使用本地主机的所有应用程序。相同的结果。我觉得没关系。 用一个有效的解决方案来解决你遇到的同样的问题,试试这个答案***.com/questions/40286549/spring-boot-security-cors。 我尽一切可能进行过滤。没有结果。只需给出org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'springSecurityFilterChain' defined in class path resource ...'
之类的异常
Access-Control-Allow-Origin
经常出错。尝试搜索更多。我建议搜索如何使用webpack proxy
使正面和背面看起来像在同一个端口上工作。您使用的注释 @CrossOrigin(...)
不是最佳做法。
【参考方案1】:
如下编辑您的主类并从控制器中删除所有@CrossOrigin。
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
@SpringBootApplication
@EnableOAuth2Sso
public class MongoTestApplication
public static void main(String[] args)
SpringApplication.run(MongoTestApplication.class, args);
@SuppressWarnings("deprecation")
@Bean
public WebMvcConfigurer corsConfigurer()
return new WebMvcConfigurerAdapter()
@Override
public void addCorsMappings(CorsRegistry registry)
registry.addMapping("/**").allowedMethods("GET", "PUT", "POST", "DELETE", "OPTIONS");
;
【讨论】:
我改变了我的课程,但结果相同。以上是关于Spring Security 和 Angular 6 HTTPS 请求的主要内容,如果未能解决你的问题,请参考以下文章
Angular集成Spring Boot,Spring Security,JWT和CORS
带有 Spring Boot 和 Spring Security 的 Angular2
SpringBoot入门系列:Spring Security 和 Angular JS
SpringBoot入门系列:Spring Security 和 Angular JS