应用程序前端无法调用SSO服务器的REST API

Question

我们的前端是 Angular，它无法在客户环境中调用 SSO 服务器的 REST API（以获取 open-id 配置）。我在网络选项卡中没有看到任何呼叫。然而，相同的代码可以在我们的 Okta 服务器测试环境中运行。

当观察订阅方法的变量时，我发现目的地对于客户环境而言是关闭的。有什么想法可能导致这种情况吗？

Answer 1

如果您的 Angular 应用程序无法调用客户环境中 SSO（单点登录）服务器的 REST API，并且您在网络选项卡中没有看到任何网络请求，则导致此问题的原因可能有多种。以下是一些可帮助您排除故障的步骤和注意事项：

1. 跨源资源共享（CORS）：
   • 确保客户环境中的 SSO 服务器允许来自 Angular 应用程序域的请求。检查 SSO 服务器上的 CORS 设置。

2.网络问题：

• 确认您的 Angular 应用程序可以访问客户环境中的 SSO 服务器。这可能涉及检查防火墙、网络配置以及任何其他可能阻止连接的因素。

3. 身份验证和授权：

   • 确保您的 Angular 应用程序经过正确身份验证并有权访问 SSO 服务器。检查客户环境是否需要任何特定的身份验证要求或权限。

4. SSL/TLS 问题：

   • 验证客户环境中的 SSO 服务器是否可通过 HTTPS 访问。在某些情况下，浏览器可能会阻止对非安全 (HTTP) 端点的请求。

5. 检查控制台是否有错误：

   • 在浏览器控制台中查找任何错误消息。可能会有错误消息，可以提供有关问题所在的更多信息。

6. 环境特定配置：

   • 确保您的 Angular 应用程序已针对客户环境正确配置。检查是否有特定于环境的配置或需要设置的变量。

7. OpenID 配置端点：

   • 在客户环境中仔细检查 OpenID 配置端点的 URL。确保它是正确且可访问的。

8. 记录请求：

   • 使用日志语句来检测您的代码以跟踪执行流程。在进行 API 调用之前记录请求详细信息，以查看是否使用了正确的 URL 和标头。

9. 浏览器安全策略：

   • 某些浏览器的安全策略可能会阻止某些类型的请求。检查浏览器控制台中是否有任何与安全相关的警告或错误。

10. 检查重定向：

    • SSO 服务器可能配置为重定向请求。确保您的 Angular 应用程序正确处理任何重定向。

11. 代理配置：

    • 如果您的 Angular 应用程序在代理后面运行，请确保代理配置不会导致向 SSO 服务器发出请求时出现问题。

如果检查这些点后问题仍然存在，您可能需要收集更详细的信息，例如错误消息或其他日志，以查明问题的根本原因。此外，联系客户的 IT 或支持团队寻求解决连接问题的帮助可能会有所帮助。

Answer 2

您检查 HttpClient 请求是否设置正确？ 此外，如果针对客户环境关闭的问题目的地仍然存在，则可能是过早取消订阅的问题或服务器响应导致可观察结果完成。