React 打包后部署到服务器子页面空白问题

执行npm run build 将React打包后部署到服务器子路径 例如 更目录为root  子路径为system  

--root

    --system

 

发现部署到服务器之后，F12开发者模式发现资源文件引用错误

步骤(1):在项目package.json 添加 "homepage":'.';

或者在node_modules->react-scripts->config->paths.js 配置下面

【以上方法二选一即可 建议选择第一种】

当再次访问服务器当出现资源可以加载成功，但是页面空白，没有任何的报错，服务器访问路径自我感觉也没有问题但就是页面空白，下面应该怎么办？？？

在项目的路由配置文件

将路由设置成HashRouter并且添加属性basename="/system"  【system为服务器子路径】

配置完成即可发现页面可以正常打开！！！