代码已部署，但页面为空白 - 在 nginx 和 github 页面上部署使用 create react app 创建的 react 应用程序答案

【问题标题】：Code is deployed, but page is blank-Deploy a react app which was created using create react app on nginx and github pages代码已部署，但页面为空白 - 在 nginx 和 github 页面上部署使用 create react app 创建的 react 应用程序
【发布时间】：2019-02-22 11:58:42
【问题描述】：

我尝试部署使用 create react app 创建的 react 应用，

1.nginx 2.github页面

在这两种情况下，只有 react 应用程序徽标和标题在选项卡中可见，但页面正文中不显示任何内容。（即使部署了代码，页面也是空白的）

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

【问题讨论】：

查看 .env 文件。可能是环境变量设置不正确。
浏览器控制台有错误吗？
控制台没有错误@ııı

标签： reactjs nginx deployment github-pages production

【解决方案1】：

这是因为你在你的 react 项目中使用了浏览器路由器。

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 属性并根据非根文件夹名称对其进行命名。

示例：- 如果您的应用在服务器中名为“folder1”的文件夹中提供服务，请执行以下操作。

希望我的回答能帮助遇到同样问题的人。干杯！ @iii @R2B

【讨论】：

我正在尝试解决这个问题。你写了“做如下。”但在那之后我什么也没看到。如果您的应用在“folder1”中提供，该怎么办？