如何让Create React App构建时使用相对路径而非绝对路径？

云上老周

2026-5-20

解决方案：将Create React App打包后的资源改为相对路径

当然可以实现这个需求！这在多应用同目录部署的场景下非常实用，Create React App本身就提供了简单的配置方式来搞定。

核心配置步骤

打开项目根目录下的package.json文件

添加或修改homepage字段为"./"：

{
  "name": "your-app-name",
  "version": "0.1.0",
  "homepage": "./",
  // 其他项目配置...
}

重新执行打包命令：
```
npm run build
```

完成这些操作后，你去查看build文件夹里的index.html就会发现，原来带初始斜杠的绝对资源路径（比如/static/js/main.xxxx.js）已经变成了相对路径（./static/js/main.xxxx.js）。这样你的应用就能和其他应用部署在同一目录下，各自相对当前index.html的位置加载自身资源，不会出现资源引用混乱的问题。