apache - create-react-app 在 LAMP/XAMPP/WAMP 上构建部署

Question

如何在 Apache WAMP/XAMPP 服务器上部署构建？

我有一个使用 create-react-app 创建的应用程序，并且该应用程序上有两个页面

当我执行 yarn start 或 npm start 时，它工作正常，并且所有页面都在 URL 导航或按钮单击上正确呈现

我执行了构建命令

npm run build

它会在 build 文件夹中生成所有 static 和 index.html 文件。

我将此构建文件夹内容移动到 wamp 文件夹的 www 并在 url http://localhost 上执行，它仅显示主页页。下一页给出 404 not find error

但是当我执行 npm 命令的 serve 模块时，它在 http://localhost:5000

上运行良好

serve build

请帮我解决这个问题？

我必须在 wamp 服务器上部署我的应用程序，所有都是静态页面，没有其余 api 内容

Answer 1

默认情况下，您的 React 项目构建为直接部署到服务器的“www”(根)文件夹中。因此，您可以将项目“build”文件夹的内容复制到 WAMP“www”文件夹，然后转到 http://localhost/在您的浏览器中。您的项目将会显示。

或者，您可能想使用 WAMP 根子文件夹，例如'www/ react /'。在本例中，向您的 package.json 文件添加一个 homepage 键:

"homepage": "http://localhost/react/",

然后再次构建您的项目:

npm run build

最后，将项目“build”文件夹的内容复制到“www/react/”。要显示您的项目，请访问 http://localhost/react/

您可以在以下位置获取更多信息 How to deploy a React App on Apache web server