代码已部署,但页面是 blank-Deploy 一个 React 应用程序,它是在 nginx 和 github 页面上使用 create react app 创建的

Code is deployed, but page is blank-Deploy a react app which was created using create react app on nginx and github pages

我尝试将使用 create react app 创建的 React 应用程序部署到,

1.nginx 2.github 页

在这两种情况下,只有 React 应用程序徽标和标题在选项卡中可见,但页面的 body 中没有任何内容。 (代码部署后页面空白)

有人知道为什么会这样吗?

如果您在 React 项目中使用了 Browser Router,则会导致此问题。

GitHub Pages 和 nginx 都从非根文件夹(即 username.github.io/repo-name/)而不是从根文件夹(即 username.github.io/)为您的应用提供服务。 React Router 不会将您应用的 URL 视为您应用中定义的任何路由的匹配项。

例如,如果您使用 <Route exact path="/" component={SomeComponent} /> 定义路由,React Router 将看到 //repo-name/ 匹配 完全,因此不会渲染组件。

为了克服这个错误,在 BrowserRouter 中使用 base name prop 并根据非根文件夹名称命名它。

示例:- 如果您的应用程序在服务器中名为 "folder1" 的文件夹中提供,请执行以下操作。

希望我的回答能帮助那些有同样问题的人 issue.cheers! @iii @R2B