小编典典

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

reactjs

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

我创建了一个应用,create-react-app并且在此应用上有两个页面

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

我执行了构建命令

npm运行构建

它会在文件夹中生成所有staticindex.html文件build

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

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

服务构建

请帮我如何解决这个问题?

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


阅读 452

收藏
2020-07-22

共1个答案

小编典典

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

或者,您可能要使用WAMP根子 文件夹 ,例如’www / react /’。在这种情况下,将 主页 密钥添加到package.json文件中:

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

然后再次构建您的项目:

npm run build

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

2020-07-22