Vet*_*ouz 6 spring cors docker digital-ocean angular
我使用 spring、angular 和 docker 构建了一个 web 应用程序。我目前也有两个环境。使用 angularnpm start
和 spring提供服务的开发环境mvn spring-boot:run
。以及我使用 digitalocean 托管我的应用程序并使用 docker 容器化 angular 和 spring 应用程序的测试环境。
在这个应用程序中,我有一个用户可以注册的注册页面和一个弹簧控制器来处理注册请求。这是我的控制器的代码:
@PostMapping("/register")
public SaveUserDto register(@RequestBody @Valid SaveUserDto saveUserDto, WebRequest request) {
User userToSave = this.modelMapper.map(saveUserDto, User.class);
User registeredUser = null;
try {
registeredUser = this.registrationService.register(userToSave);
} catch (DataIntegrityViolationException e) {
// TODO Auto-generated catch block
e.printStackTrace();
if(e.getRootCause().toString().contains("uk_pfki8mu6sefesty9h30d4n3yv")) {
throw new EmailAlreadyExistException();
}
}
try {
eventPublisher.publishEvent(new OnRegistrationCompleteEvent(registeredUser, request.getLocale(), request.getHeader("Origin")));
} catch (Exception me) {
System.out.println(me.getMessage());
}
if(registeredUser != null) {
return this.modelMapper.map(registeredUser, SaveUserDto.class);
} else {
return null;
}
}
Run Code Online (Sandbox Code Playgroud)
由于我的 angular 是从 host:4200 提供的(其中 host 在我的开发环境中是 localhsot ,或者在我的测试环境中是 165.22.72.253 )并且我的 api 是从 host:8761 提供的,我有一个 cors 配置来启用 cors 请求。这是配置:
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("http://" + clientHost + ":4200");
config.addAllowedOrigin("http://" + clientHost + ":80");
config.addAllowedHeader("*");
config.addAllowedMethod("OPTIONS");
config.addAllowedMethod("GET");
config.addAllowedMethod("POST");
config.addAllowedMethod("PUT");
config.addAllowedMethod("DELETE");
source.registerCorsConfiguration("/**", config);
return new CorsFilter(source);
}
Run Code Online (Sandbox Code Playgroud)
这里 clientHost 是一个参数,在开发环境中运行时值为 localhost ,在我的测试环境中为 165.22.72.253 。对于大多数用例,此设置有效,但在特定情况下会失败。
当用户尝试使用现有电子邮件地址进行注册时,就会出现问题。然后正如您从控制器方法中看到的那样,我抛出了一个 EmailAlreadyExistException。在 dev env 中,一切都运行良好,即请求返回错误代码 500,并显示消息“电子邮件已经存在”。但是在测试环境中我得到了Access to XMLHttpRequest at 'http://165.22.72.253:8762/register' from origin 'http://165.22.72.253:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
.
如果有用,这里是我的 docker-compose 文件:
version: "3.5"
services:
tomcat-file:
container_name: tomcat-file-server
image: tomcat-file-server
build:
context: .
dockerfile: tomcat-file.prod.dockerfile
volumes:
- /home/vetter_leo/medias:/usr/local/tomcat/src
ports:
- "8205:8205"
networks:
default:
external:
name: helenos-network
Run Code Online (Sandbox Code Playgroud)
在这一点上,我不明白为什么它在 dev env 中而不是在 test env 中工作。任何帮助将不胜感激。提前致谢。
也许是在调用cors过滤器之前抛出异常的问题?
你能试试这个吗?
//...
source.registerCorsConfiguration("/**", config);
FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
bean.setOrder(Ordered.HIGHEST_PRECEDENCE);
return bean;
}
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
484 次 |
最近记录: |