开发者问题收集

在 AWS Amplify 上部署 React Web 应用程序时出现 403 ACCESS DENIED 错误

2020-03-28
7770

这几天我一直在为此绞尽脑汁。我正在尝试在 AWS Amplify 上部署我的 React 应用程序。当我启动应用程序时,我被正确地定向到登录页面(使用 Auth0 通用登录)登录后,我通过回调 URL 重定向回我的 Web 应用程序。

当我的页面加载时,我收到以下消息

此 XML 文件似乎没有任何与之关联的样式信息。文档树如下所示。

<Error>
<Code>AccessDenied</Code>

<Message>Access Denied</Message>

<RequestId>B2173BDEE0658858</RequestId>

<HostId>
TRevHdaqGZYTUxU9W1wXc3CQccfLeznHlYLcbuF+Wr511FVmOPFBp4tpyccJ2t5QMVpvYygNNb4=
</HostId>
</Error>

我没有通过 s3 存储桶托管 Web 应用程序,我将构建文件直接上传到 AWS Amplify。

关于这个问题您有什么想法吗?

在此处输入图片说明

在此处输入图片说明

2个回答

在放大控制台上使用此规则。

[
    {
        "source": "</^[^.]+$|\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>",
        "target": "/index.html",
        "status": "200",
        "condition": null
    }
]
Talented blockchain developer
2020-09-23

创建 zip 文件夹时,请确保压缩构建输出的内容,而不是压缩顶层文件夹。例如,如果构建输出生成名为“build”或“public”的文件夹,请先导航到该文件夹​​,选择所有内容,然后从那里压缩。如果不这样做,您将看到“访问被拒绝”错误,因为站点的根目录将无法正确初始化。

  <Error>
      <Code>AccessDenied</Code>
      <Message>Access Denied</Message>
      <RequestId>4442587FB7D0A2F9</RequestId>
      <HostId>...</HostId>
 </Error>
vaquar khan
2021-11-23