为啥云端服务的 React 应用程序不渲染组件

Posted

技术标签:

【中文标题】为啥云端服务的 React 应用程序不渲染组件【英文标题】:Why does React app served by cloudfront doesn't render component为什么云端服务的 React 应用程序不渲染组件 【发布时间】:2021-10-11 01:55:07 【问题描述】:

我对 React 和前端世界还很陌生。所以请忽略错误。

所以我在我的反应应用程序中使用 auth0 进行身份验证。登录按钮是重定向到 auth0 身份验证按钮的组件,登录后用户可以转到 /profile 组件。使用 React 路由器去分析组件。

所有这些都可以在 localhost 中完美运行。 但是当我部署在 s3 和 cloudfront 上的那一刻。它显示未找到配置文件密钥,因此基于堆栈上的各种解决方案 (https://***.com/a/58978355/13126651) 现在添加我可以看到我的转到配置文件组件,但是页面完全空白,配置文件组件上没有呈现任何内容。

更新:-该错误肯定与云端有关,因为如果我直接访问我的 s3 存储桶网站端点,它会呈现一切正常。

【问题讨论】:

【参考方案1】:

我通过为云端添加错误响应 403 404 解决了这个问题。

【讨论】:

以上是关于为啥云端服务的 React 应用程序不渲染组件的主要内容,如果未能解决你的问题,请参考以下文章

React 组件中的错误导致应用程序重新渲染,从而导致无限循环。为啥?

为啥组件在状态更改后不重新渲染。在 react-native 函数组件中

为啥我不能为我的 React 服务器端渲染应用导入 CSS 文件?

React Prop 渲染为对象 - 不明白为啥

为啥 `useContext` 不重新渲染我的组件?

为啥在 React 中,当父组件重新渲染时子组件不会重新渲染(子组件没有被 React.memo 包裹)?