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

Sun*_*dar 8 apache reactjs react-router create-react-app yarnpkg

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

我有一个创建的应用程序create-react-app,我在这个应用程序上有两个页面

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

我执行了build命令

npm run build

它生成所有static,并index.html在文件build夹中.

我搬到这个build文件夹中的内容wwwwamp文件夹,并执行对URL http://localhost的只显示主页.并在下一页给出404 not found error

但是当我执行servenpm命令的模块时,它正常工作http://localhost:5000

服务建设

请帮我解决这个问题?

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

ves*_*ess 8

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

或者,您可能希望使用 WAMP 根子文件夹,例如“www/react/”。在这种情况下,将主页键添加到您的 package.json 文件中:

"homepage": "http://localhost/react/",
Run Code Online (Sandbox Code Playgroud)

然后再次构建您的项目:

npm run build
Run Code Online (Sandbox Code Playgroud)

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

您可以在如何在 Apache Web 服务器上部署 React 应用程序中获得更多信息