在 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
    }
]