如何在Apache WAMP / XAMPP服务器上部署构建?
我创建了一个应用,create-react-app并且在此应用上有两个页面
create-react-app
当我执行yarn start或npm start运行正常并且所有页面在URL导航或按钮单击上均正确呈现时
yarn start
npm start
我执行了构建命令
npm运行构建
它会在文件夹中生成所有static和index.html文件build。
static
index.html
build
我搬到这个build文件夹中的内容www的wamp文件夹,并执行对URL http://localhost的只显示主页。然后下一页给出404 not found error
www
wamp
http://localhost
404 not found error
但是当我执行servenpm命令的模块时,它在http://localhost:5000
serve
http://localhost:5000
服务构建
请帮我如何解决这个问题?
我必须将应用程序部署在WAMP服务器上,所有都是静态页面,没有其余的api内容
默认情况下,您的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/