我们在react项目中运行cnpm run build后,打完包生成项目放在服务器下会报404找不到资源,问题就是喜闻乐见的路径设置问题了
首先我们看一个设置在->..js中
// 大家可以搜索一下这个变量,我简单说明一下,这个变量就是设置了资源访问路径,当然也包括打包路径paths.publicUrlOrPath
文章插图
然后我们在->paths.js中可以看到如下代码
const publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development',// 我们要看的就是这行,这里的homepagerequire(resolveApp('package.json')).homepage,process.env.PUBLIC_URL);
最后我们在.json中添加如下代码
【react中build后的项目资源找不到问题】
文章插图
"homepage": "."
完事重启项目,就会发现打完包的index.html资源路径变成下图(前面全多了个.),放到环境上发现404问题解决了
- 三国中张飞和关二哥谁厉害?张飞竟能大声吓死人
- 诸葛亮为什么手中常拿一把扇子它有什么作用
- 串钩钓鱼怎么提高中鱼率,关于串钩钓鱼的技巧
- 古代女人的三次吃醋竟然改变了中国历史
- 中国古代的男婚女嫁:宅女超龄不嫁要罚款
- 为什么中国传统婚俗中会有听房的传统习俗?
- 苏东坡也潮:文章中多次应用现代的流行语呵呵
- 乾隆墓中的不腐女尸是谁被发现时还没有腐烂
- 盘点史上最烂的三个王朝,第一个使中国落后了几百年!
- 甲午战争中的日军:士官竟为临时毕业的军校生