react|React项目打包部署到服务器上的遇到的问题

上一篇我我们讲到关于vue-cli的项目部署的一些小坑,但是对于React项目,如果用create-react-app脚手架运行npm run build后,直接把build文件夹扔到服务器,也会出现同样的问题,怎么才能直接点击运行index.html呢???

  • 最简单的方法:个人比较推荐这种,省事----修改package.json
    react|React项目打包部署到服务器上的遇到的问题
    文章图片

  • 修改配置文件----node_modules/react-scripts/config/paths.js中第45行把pathname后面的’/‘改为’./'即可,原因看截图英文注释
    react|React项目打包部署到服务器上的遇到的问题
    文章图片

具体原因我就不解释了,请参照上一篇,至于网上搜的其他解决方法,什么在服务器端build文件下启动server -s,本地跑跑就行了,别太当真…
【react|React项目打包部署到服务器上的遇到的问题】本文章参考:
本文章掘金地址
react服务器部署

    推荐阅读