react中build后的项目资源找不到问题

我们在react项目中运行cnpm run build后,打完包生成项目放在服务器下会报404找不到资源,问题就是喜闻乐见的路径设置问题了
首先我们看一个设置在->..js中
// 大家可以搜索一下这个变量,我简单说明一下,这个变量就是设置了资源访问路径,当然也包括打包路径paths.publicUrlOrPath

react中build后的项目资源找不到问题

文章插图
然后我们在->paths.js中可以看到如下代码
const publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development',// 我们要看的就是这行,这里的homepagerequire(resolveApp('package.json')).homepage,process.env.PUBLIC_URL);
最后我们在.json中添加如下代码
【react中build后的项目资源找不到问题】
react中build后的项目资源找不到问题

文章插图
"homepage": "."
完事重启项目,就会发现打完包的index.html资源路径变成下图(前面全多了个.),放到环境上发现404问题解决了