从JS UI发布到Java API时，如何防止CORS策略错误

Question

我的前端应用程序给出了这个错误：

CORS策略阻止从http://localhost:9025/customer/registerDocs/http://localhost:3000访问XMLHttpRequest：对预飞行请求的响应不通过权限改造检查：它没有HTTP ok状态。

当这被称为：

updateDocsStatus() {
    return ApiService.postData('http://localhost:9025/customer/registerDocs');
}

这是API中的控制器方法：

@PostMapping(value = Constants.REGISTER_DOCS_PATH,
        consumes = {MediaType.APPLICATION_JSON_VALUE},
        produces = {MediaType.APPLICATION_JSON_VALUE})
@ResponseStatus(HttpStatus.OK)
public void registerUserForDocs(HttpServletRequest request){
    String username = securityService.getUsername(request);
    customerHelper.registerCustomerForEdocs(username);
}

我忍不住觉得这个问题是在前端。我错过了什么明显的东西吗？

Answer 1

这是我所使用的，可能最好用这个与特定的发展配置文件

@Configuration
public class CorsConfiguration implements WebMvcConfigurer {

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/api/**")
            .allowedMethods("*")
            .allowedOrigins("http://localhost:3000")
            .allowedHeaders("*");
}
}