分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了403 禁止。从 s3 通过 cloudfront 提供多页应用程序时，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决403 禁止。从 s3 通过 cloudfront 提供多页应用程序时？

开发过程中遇到403 禁止。从 s3 通过 cloudfront 提供多页应用程序时的问题如何解决？下面主要结合日常开发的经验，给出你关于403 禁止。从 s3 通过 cloudfront 提供多页应用程序时的解决方法建议，希望对你解决403 禁止。从 s3 通过 cloudfront 提供多页应用程序时有所启发或帮助；

总的来说，一切正常，我有一个由 gatsby 生成的静态网站、用于静态托管的 s3 存储桶设置和用于提供文件的云端分发。问题是当我转到子页面并刷新页面或直接转到 url 时，我收到 403 错误。当我在网址末尾附加 /index.HTML 时不会发生这种情况。

在我的 cloudfront 设置中，我将默认根对象设置为 index.HTML，因此根据文档，一切正常。这不是 SPA，因此将 403 错误页面设置为 index.HTML 无济于事 - 它只会重定向到主页。

我想要的行为是当用户转到 url http://example.com/path/to/directory 时，提供来自 /path/to/directory/index.HTML 的 index.HTML 文件。

S3 存储桶权限：

{
    "Version": "2012-10-17","Statement": [
        {
            "SID": "PublicReadGetobject","Effect": "Allow","Principal": "*","Action": "s3:Getobject","resource": "arn:aws:s3:::[bucket-name]/*"
        },{
            "SID": "2","Principal": {
                "AWS": "arn:aws:iam::cloudfront:user/[user]"
            },{
            "SID": "3","resource": "arn:aws:s3:::[bucket-name]/*"
        }
    ]
}

解决方法

Cloudfront 的 Default Root Object 仅在用户请求根 URL 时应用，而不适用于子文件夹。 S3中需要配置子文件夹的索引文档：https://docs.aws.amazon.com/AmazonS3/latest/userguide/IndexDocumentSupport.html