node.js - 通过react-scripts将react.js应用程序部署到apache服务器

Question

我在react方面是个新手，而且，即使我在stackoverflow和google中看到了类似的答案，我也无法让它工作。

我通过 'react-scripts' 创建了一个应用程序，它运行得很棒(只是 npm start 。没什么花哨的)。

当我尝试在我的 Apache 服务器中部署此应用程序时，我的问题出现了。

1) 我执行 'npm build' 。构建文件夹是使用(我猜)可部署版本创建的。

2) 我将此构建文件夹复制到我的 Apache 服务器，当我尝试访问时，我看到了标题和标题，但没有内容。一切都是白色的。

我在“npm run build”后收到此消息:

该项目是假设它托管在服务器根目录下构建的。要覆盖此设置，请在 package.json 中指定主页。例如，添加以下内容来为 GitHub Pages 构建它:

“主页”:“http://myname.github.io/myapp”，

构建文件夹已准备好部署。您可以使用静态服务器来提供它:

npm install -g 服务 服务-s构建

我猜“serve”是一个 http 服务器，但我想在 Apache 中部署我的应用程序。据我了解，复制到 Apache 文件夹应该足够了。我缺少一些东西。请问你能帮帮我吗 ？

Answer 1

第 1 步:创建 .htaccess公共(public)文件夹中的文件包含以下内容

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

第 2 步:执行 npm run build
第 3 步:将文件从构建文件夹复制到 Apache 的文档根目录

您需要确保 mod_rewrite在使用 .htaccess 之前已启用文件。
在ubuntu中，执行命令sudo a2enmod rewrite
在 CentOS 7 中，打开 /etc/httpd/conf/httpd.conf文件，找到<Directory /var/www/html>部分并更改 AllowOverride来自 None 的指令至All