create-react-app 打包设置homepage，资源引入使用相对目录

文章参考

1. CREATE-REACT-APP 创建项目 HOMEPAGE 配置主机名不生效
2. create-react-app项目打的包如何修改资源根目录

问题描述

前端打包好之后放到springboot工程static目录中，springboot 用了JWT做权限管理，但是访问到打包的index.html文件之后，页面不显示内容，究其原因是因为引入的静态资源不对，返回404，导致页面没有显示出来

分析原因

根据404,查看静态资源的路径，发现是因为打包使用了’/’ 根目录，springboot 又带了“工程名”上下文，导致浏览器找不到静态资源

解决办法

1. 添加工程名，使用绝对路径
2. index.html 使用相对路径引入 js 等其他静态资源

给package.json文件添加 homepage

1. 如果静态页面是放在根目录

"homepage": ".",

2. 如果静态页面不是放在根目录

"homepage": "/exam-online/",

备注： 最后面的 反斜线不能少