Question

React App 受保护的路由抛出访问被拒绝错误 - 托管在 AWS Amplify 上

2020-08-23

666

reactjs amazon-web-services aws-amplify

我已在 AWS Amplify 上托管了我的 React 应用程序。在尝试访问应用程序的受保护路由时，屏幕上出现以下错误：此 XML 文件似乎没有任何与之关联的样式信息。文档树如下所示。

<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>3C8377104116CA48</RequestId>
<HostId>nL3bDs+kXEWE8uBFPTLkFLpRg6CCmKfejftWs5wmTWYO6K6WDzpwsDXJCFTK0EFhjJdaHECfuos=</HostId>
</Error>

如何解决此问题？

Answer 1

路由重定向和重写对于已部署的 AWS Amplify 应用程序具有特殊配置。检查

AWS Amplify Console > App Settings > Rewrites and Redirects

配置重写规则为我解决了此问题。我的规则如下所示：来源 -

</^[^.]+$|\.(?!(css|yaml|gif|ico|jpg|js|png|txt|svg|woff2|woff|ttf|map|json)$)([^.]+$)/>

目标 -

/index.html

类型 -

200 (Rewrite)

详细说明在此处 - https://docs.aws.amazon.com/amplify/latest/userguide/redirects.html