如何部署create react app项目到tomcat子目录

前言

说实话，这个题目本身就有点奇怪，因为要想部署前端项目，用nginx明显是更好的选择。

但是身为程序员总会遇上各种奇怪的情况。如果你不想做负载均衡，或者希望程序的部署能简单一点，那直接把前后端项目都放在tomcat里部署也算是种选择。

部署项目到ROOT目录不算什么问题，直接丢进去就能正常运行，但在tomcat里同时运行几个项目也是很常见的情况，而要想在tomcat的子目录下部署前端项目就有点麻烦了。这里就记录一下本人在部署时遇到的问题。

特别说明，本人所部署的项目是用create react app所建立，不一定适用于所有情况。

1.资源路径错误

如果你在tomcat的webapps文件夹下建立了一个子目录，然后把前后端的打包文件都丢了进去，那么正常来说，你什么都看不到，浏览器的控制台只会报一堆404错误。

显然，资源文件的路径不对。

解决方案也很简单：修改package.json文件，增加配置项"homepage": “./”，即可使正常获取资源文件。

{
   
  "name": "demo",