解决create-react-app build 后静态资源文件夹(static)路径不对

本文主要介绍了在使用create-react-app构建项目并build后,静态资源文件夹路径错误的问题。当项目不在根目录下时,服务器无法正确找到资源。解决方案是在package.json中设置`"homepage": "."`,将项目根目录指定为当前目录,从而确保资源路径正确。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Reason

  • 在我们对我们的react项目进行打包上线的时候可能我们的文件夹 build 并不是在更不了下,这样的情况就好出现服务器访问 index 找不到static 下面的资源,仔细看我们会发现访问路径变成了根文件
    例如:
www.test/build/static/cs.css
#  变成
www.test/static/cs.css

因为我们的webpack 默认以项目为根目录

homepage

  • 这时候就要我们制定我们的项目根目录 —— 在package.json中配置 homepage
    "homepage": "."

  "version": "0.1.0",
  "private": true,
  "homepage": ".",
 {
   ...
 }

官方参考文档

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值