amazon-web-services - 身份验证后请求路由时访问被拒绝 - AWS Cloudfront 和 AWS S3

标签 amazon-web-services vue.js amazon-s3 single-page-application amazon-cloudfront

我有一个 Vuejs 应用程序的 S3 存储桶,其内容如链接所示 s3 bucket content

为了交付该内容,我在 Cloudfront 中进行了分发。为了确保该分发的安全,我创建了一个 OAI 来关联到 Cloudfront 分发和 S3 存储桶。 ** 分发源是存储桶而不是存储桶域。因此,当我请求 Cloudfront 域时,会显示登录页面,单击登录按钮后,会启动 OIDC 流程,并且当请求回调路由器时,会显示一个访问被拒绝的页面,如链接所示 acess denied 。为了尝试解决这个问题,我在 CLoudfront 中创建了一个函数来检查 url 并呈现 index.html,但这不起作用。我怎样才能解决这个问题?请记住,我没有包含 index.html 的子目录。我有一个index.html,它加载在vue进程中构建的js脚本

最佳答案

我解决了在 Cloudfront 发行版中注册错误页面的问题,在我的例子中是 403 错误代码,因此当启动 403 时,Cloudfront 重定向到 index.html,并且从那里 vue 知道该做什么。顺便说一句,我在这里找到了解决方案answer

关于amazon-web-services - 身份验证后请求路由时访问被拒绝 - AWS Cloudfront 和 AWS S3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70803500/

相关文章:

javascript - Cognito AmazonWebService 身份验证问题

vue.js - 不使用 v-model 的复选框列表

amazon-s3 - s3cmd失效选择分布

amazon-web-services - Cognito 用户组可以用于无服务器应用程序中的动态组吗?

amazon-web-services - 将 AWS S3 API 与 React Native 结合使用

PHP:如何解析多层次对象的动态属性

javascript - 间隔 Vue.js 不工作

javascript - 正确访问 Vue 3 中的响应式(Reactive)数组

amazon-s3 - CloudFormation 脚本陷入 UPDATE_ROLLBACK_FAILED,AWSLambdaInternal 需要 GetObject 权限。如何解决?

hadoop - 无法将点/检查点flink状态保存到AWS S3存储桶