node.js - 浏览器返回 403 访问错误，可能由 AWS 引起

Question

我的无服务器 Web 应用程序托管在 AWS amplify 上。如果我尝试刷新页面，则会收到“访问被拒绝”错误 XML。当我查看控制台时，它没有显示任何输出。该代码在 localhost 上运行良好，但在实时情况下会导致 403 错误。

我找到了question that is very similar ，但我没有使用 CloudFront。

如何找到此问题的潜在原因？

更新

我解决了这个问题，并将答案发布在答案部分。不过我现在有了这个问题的第二部分。

如何让客户端可以直接调用我的 URL，如下所示:

https://URL.com/listing/LISTING_ID

现在，如果我尝试在传递 LISTING_ID 时直接调用它，页面就会出错。这和同构 ReactJs 有什么关系吗？

我尝试使用 Digital Ocean 作为我的网络托管服务而不是 AWS。发生同样的错误。

Answer 1

出现此错误是因为 Amplify 无权渲染该路由。我们需要启用这些。

在您的 Amplify 应用设置中，转到“重写和重定向”并添加这两个规则。

Source address                                             Target address          Type
/<*>                                                       /index.html             404 (Rewrite)
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>   /index.html       200 (Rewrite)