apache - 将 React 应用程序部署到 Apache 服务器

Question

我已经完成了一个 React 应用程序，它可以通过 npm start 在我的本地主机上运行良好。我使用 create-react-app 创建了项目，并使用 npm run build 编译了一个生产网站。

我的网站空间上有包含 index.html 的整个文件夹。 (他们使用 apache html 服务器)。

我设法编写了一个可以正确加载 html 的 .htaccess 文件。现在只剩下白屏了。似乎 main.js 没有加载到 root div 中。

我在控制台中遇到的唯一错误是无法安装服务工作人员，因为我的请求不是来自安全来源。这不应该停止渲染吧？

我不确定此处需要显示哪些文件，因此请告诉我您需要查看哪些文件才能解决问题。

谢谢!

Answer 1

运行npm run build命令后。

将构建文件夹中的所有内容复制并粘贴到您的服务器。

创建一个“.htaccess”文件并添加以下代码段:

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

应用程序应该正常工作。