带有OKCE授权和PKCE流的Amazon S3存储桶中托管的角度应用程序静态网站的重定向问题

维卡斯·萨克塞纳(Vikas Saxena)

我已经在Amazon S3上托管了angular 9应用程序作为静态网站托管,并与OIDC身份验证提供程序(OKTA)和PKCE流的授权授予集成在一起。

应用已成功部署,当我单击“登录”时,我的应用被重定向到okta进行登录,但是当OKTA使用隐式/回调进行重定向时,我的浏览器会抛出以下错误-

404 Not Found
Code: NoSuchKey
Message: The specified key does not exist.
Key: implicit/callback

我还使用CloudFront将http重定向到https。

我的应用程序设置为:

  1. Angular应用程序构建并上传到Amazon S3
  2. S3静态网站托管
  3. S3的Cloud Front分布
  4. 托管域(Route 53)到CloudFront
维卡斯·萨克塞纳(Vikas Saxena)

谢谢加里!

我可以通过以下步骤解决此问题:

  1. 在S3存储桶中写入重定向规则-

    403 index.html 404 https www.mydomain.com#!/
  2. 通过在CloudFront行为中为“查询字符串转发和缓存”选择“全部转发,基于所有缓存”来更新CloudFront行为以转发查询字符串

  3. 在403和404的CloudFront“错误页面”中将错误文档更新为index.html。

  4. 将以下JavaScript添加到index.html文件

<body>
  <script>
      var hash = window.location.hash;
      const newHashpath = hash.replace("#!/",""); //(/#!(\/.*)$/.exec(window.location.pathname) || [])[1];
      if (newHashpath) {
        // history.replace(path);
        window.history.pushState({},'',newHashpath);
      }
    </script>
  <app-root></app-root>
</body>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Rails多租户应用程序中寻找有关Amazon S3存储桶设置和管理的建议

来自分类Dev

Amazon S3安全存储桶

来自分类Dev

成功将Amazon s3文件上传到存储桶后不会重定向

来自分类Dev

重定向到Amazon S3静态网站中的错误页面

来自分类Dev

静态网站的Google Analytics(分析)在本地主机上正常运行,而不在Amazon Web Services S3存储桶上正常运行

来自分类Dev

如何计算Amazon S3托管我的Web应用程序的成本

来自分类Dev

Amazon S3存储桶的Favicon

来自分类Dev

从Amazon S3迁移到Azure存储(Django Web应用程序)

来自分类Dev

具有重定向功能的S3存储桶的HTTPS

来自分类Dev

使用S3,CloudFront和Origin Path的静态网站托管的子文件夹重定向问题

来自分类Dev

Android Amazon S3存储桶

来自分类Dev

如何在AWS S3存储桶和CloudFront中将非www重定向到www

来自分类Dev

AWS Route 53 / S3存储桶将所有重定向到一个URL

来自分类Dev

在带有PKCE的OAuth 2.0授权代码流中,如何防止在首次调用auth服务器时拦截代码挑战?

来自分类Dev

从Amazon S3目录授权HLS流文件

来自分类Dev

Google Domains和AWS Route 53和S3静态网站托管-添加SSL证书

来自分类Dev

Azure静态Web应用程序和Azure Blob存储静态网站有什么区别?

来自分类Dev

具有Amazon S3存储桶的CNAME子域,用于静态托管

来自分类Dev

Amazon S3中的最佳存储桶数

来自分类Dev

无法替换Amazon S3存储桶中的文件

来自分类Dev

从Node.js应用迁移到Amazon S3上的静态站点后的重定向问题

来自分类Dev

Amazon S3在版本存储桶中管理文件

来自分类Dev

带有Amazon S3 PHP SDK v3的Google存储不正确的授权标头

来自分类Dev

在Amazon S3存储桶中安装MeteorJS

来自分类Dev

在角度应用程序中基于布尔值进行限制和重定向

来自分类Dev

Android Amazon S3存储桶

来自分类Dev

有多个子域引用同一个 S3 存储桶而没有 HTTP 重定向

来自分类Dev

用于将存储桶中特定文件夹的“内容类型”设置为“应用程序/pdf”的 Amazon S3 存储桶策略

来自分类Dev

在单个 AWS S3 存储桶中托管多个 Angular 7 应用程序

Related 相关文章

  1. 1

    在Rails多租户应用程序中寻找有关Amazon S3存储桶设置和管理的建议

  2. 2

    Amazon S3安全存储桶

  3. 3

    成功将Amazon s3文件上传到存储桶后不会重定向

  4. 4

    重定向到Amazon S3静态网站中的错误页面

  5. 5

    静态网站的Google Analytics(分析)在本地主机上正常运行,而不在Amazon Web Services S3存储桶上正常运行

  6. 6

    如何计算Amazon S3托管我的Web应用程序的成本

  7. 7

    Amazon S3存储桶的Favicon

  8. 8

    从Amazon S3迁移到Azure存储(Django Web应用程序)

  9. 9

    具有重定向功能的S3存储桶的HTTPS

  10. 10

    使用S3,CloudFront和Origin Path的静态网站托管的子文件夹重定向问题

  11. 11

    Android Amazon S3存储桶

  12. 12

    如何在AWS S3存储桶和CloudFront中将非www重定向到www

  13. 13

    AWS Route 53 / S3存储桶将所有重定向到一个URL

  14. 14

    在带有PKCE的OAuth 2.0授权代码流中,如何防止在首次调用auth服务器时拦截代码挑战?

  15. 15

    从Amazon S3目录授权HLS流文件

  16. 16

    Google Domains和AWS Route 53和S3静态网站托管-添加SSL证书

  17. 17

    Azure静态Web应用程序和Azure Blob存储静态网站有什么区别?

  18. 18

    具有Amazon S3存储桶的CNAME子域,用于静态托管

  19. 19

    Amazon S3中的最佳存储桶数

  20. 20

    无法替换Amazon S3存储桶中的文件

  21. 21

    从Node.js应用迁移到Amazon S3上的静态站点后的重定向问题

  22. 22

    Amazon S3在版本存储桶中管理文件

  23. 23

    带有Amazon S3 PHP SDK v3的Google存储不正确的授权标头

  24. 24

    在Amazon S3存储桶中安装MeteorJS

  25. 25

    在角度应用程序中基于布尔值进行限制和重定向

  26. 26

    Android Amazon S3存储桶

  27. 27

    有多个子域引用同一个 S3 存储桶而没有 HTTP 重定向

  28. 28

    用于将存储桶中特定文件夹的“内容类型”设置为“应用程序/pdf”的 Amazon S3 存储桶策略

  29. 29

    在单个 AWS S3 存储桶中托管多个 Angular 7 应用程序

热门标签

归档