请求在Angular前端和Spring Boot后端被CORS策略阻止Java？

Question

updateStudent(userName: string, age: number): Observable<any> {
    debugger;
    let formData = new FormData();
    let reqJson: any = {};
    reqJson["userName"] = userName;
    reqJson["age"] = age;

    formData.append('info', JSON.stringify(reqJson));
    return this.httpClient.post(this.url + '/update-student', formData);
  }

... 我在Java Spring Boot后端中使用了以下符号：

@CrossOrigin(origins = "*", maxAge = 3600)
@RestController
@RequestMapping("/api")
public class HomeController {

这是一个错误，我得到：访问XMLHttpRequest在'http://localhost:8080/api/update-student'从源'http://localhost:4200'已被CORS策略阻止：没有'访问控制-允许-源'标头存在于请求的资源。




Answer 1

您可以使用以下代码：

@Configuration
@EnableWebMvc
public class CourseConfig implements WebMvcConfigurer {

  @Override
  public void addCorsMappings(CorsRegistry registry) {
      registry.addMapping("/**")
              .allowedOrigins("*")
              .allowedMethods("POST", "GET", "OPTIONS", "PUT", "DELETE")
              .maxAge(3600);
  }
}