这几天一直在绞尽脑汁。我正在尝试在 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。
关于问题是什么的任何想法？
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
}
]
创建 zip 文件夹时，请确保压缩构建输出的内容，而不是顶级文件夹。例如，如果您的构建输出生成一个名为“build”或“public”的文件夹，首先导航到该文件夹，选择所有内容，然后从那里压缩它。如果不这样做，您将看到“拒绝访问”错误，因为站点的根目录将无法正确初始化。
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>4442587FB7D0A2F9</RequestId>
<HostId>...</HostId>
</Error>