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

Question

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

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

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

<Error>
<Code>AccessDenied</Code>

<Message>Access Denied</Message>

<RequestId>B2173BDEE0658858</RequestId>

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

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

关于问题是什么的任何想法？

Answer 1

Use this rule on amplify console.
[
    {
        "source": "</^[^.]+$|\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>",
        "target": "/index.html",
        "status": "200",
        "condition": null
    }
]

Answer 2

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

  <Error>
      <Code>AccessDenied</Code>
      <Message>Access Denied</Message>
      <RequestId>4442587FB7D0A2F9</RequestId>
      <HostId>...</HostId>
 </Error>

• https://docs.aws.amazon.com/amplify/latest/userguide/manual-deploys.html