amazon-s3 - 尝试访问重新加载或刷新或在角度5的新选项卡中访问一个时收到AccessDenied

标签 amazon-s3 angular5 amazon-cloudfront

有一阵子,我只是将网站内容存储在s3存储桶中,并且可以通过完整的url访问所有页面。我想通过添加SSL使我的网站更安全,所以我创建了一个CloudFront发行版以指向我的s3存储桶。

该站点将正常加载,但是如果用户尝试刷新页面或尝试使用完整网址(即www.example.com/home)访问页面,则他们将收到一个AccessDenied页面。

最佳答案

当您重新加载并在新选项卡中打开时,S3不理解路由打开。您需要告诉S3使用的index.html是该路由。每当新路由打开时,就会出现403 [拒绝访问]错误。为此,您需要将CloudFront设置为将403错误页面重定向到index.html
enter image description here
enter image description here
转到AWS Cloud Front并打开您的配置,然后转到“错误”页面选项卡,您将看到与上述屏幕截图相同的内容

关于amazon-s3 - 尝试访问重新加载或刷新或在角度5的新选项卡中访问一个时收到AccessDenied,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50299204/

相关文章:

amazon-web-services - IOPS(在 Amazon EBS 中)在实践中意味着什么?

amazon-web-services - aws-sdk-go 中的 Goroutine 泄漏?

node.js - 如何为 Angular 5/nodejs 启用 Access-Control-Allow-Origin?

javascript - Angular 5 升级构建问题, Uncaught ReferenceError : define is not defined

amazon-web-services - 如何在 CloudFront 行为中指定 "/"的路径模式?

amazon-web-services - AWS JIRA CloudFormation

amazon-web-services - 如何使用 mocha 模拟 AWS S3.getobject()?

angular5 - 如何在同一行显示两个垫卡

javascript - Vue SPA 在使用 vue-router 导航时强制重新加载页面

amazon-web-services - 防止在AWS API Gateway中缓存非200个响应