如何在负载均衡器后面设置Angular和OpenId

Question

我尝试使用OpenId在我的Angular / .net Core 2.0应用中使用跨域身份验证。

为此目的，我使用angular-auth-oidc-client软件包。身份验证API位于负载均衡器后面，我目前在浏览器中收到错误。

  

无法加载https://xyz//.well-known/openid-configuration：否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:5002＆＃39;因此不允许访问。响应的HTTP状态代码为404.

如何在Angular 4中添加等效的ForwardedHeadersOptions（。net core）？

是否有Angular的其他包提供了设置ForwardedHeaders的选项？

Answer 1

我们在Angular 4上托管了一个AWS S3 bucket前端，后面有一个AWS elastic load balancer我们有多个EC2 servers，每个pm2后面都有一个nginx服务{ {3}}代理。

来自前端的REST请求到达服务器而没有CORS问题：

• 没有AWS弹性负载均衡器，直接到EC2服务器

REST请求因前端的CORS错误而中断而未到达服务器：

• 使用AWS弹性负载均衡器，而不是直接使用EC2服务器

虽然我们还没有成功，但到目前为止我们已经尝试了these are the stuff (as per @agentspacecake)：

1. 允许使用S3 bucket中的CORS，例如config - 已完成
2. 使用CORS node module - 完成
在后端允许使用CORS
3. 在nginx proxy using the CORS headers - 已完成
中允许使用CORS
4. 在负载均衡器的正面允许CORS - 未完成

根据我迄今为止的研究：

• Per @ Max @ AWS，我们need to whitelist the "Origin" header
• Per @ Brian @ AWS，我们want to whitelist the "Origin" and any other headers you'd like to forward
• 这是bug in the past，特别是对于
• 根据@ Arun @ AWS，requests needs to contain the headers which are expected to return
• 不确定browser caching could surface the CORS issue
• Per @hescar，我们也可以尝试adding a 'Origin' header
• 看起来像we shall not use * wildcard
• AWS工作人员说ELB doesn't support CORS yet
• feature request到ELB CORS支持仍然看起来很开放
• docs表示简单/实际请求中不允许使用JSON Content-Type

  

请求仅使用GET或POST HTTP方法。如果使用POST方法，则Content-Type只能是以下之一：application / x-www-form-urlencoded，multipart / form-data或text / plain。

希望这在某种程度上有所帮助。