这个问题实际上是直接从我如下的回答对前一个问题。
我添加了一个"homepage"，package.json因为它是我在 Github Pages 上托管的 React 应用程序。输出npm run build说/build现在可以部署目录，并且假设项目托管在/project_name/.
但是在 localhost 上，该项目没有托管在/project_name/，因此为 js 和 css 请求的路径混乱（寻找/project_name/static/...而不是/static/...）并且应用程序损坏。
如何在 package.json 中拥有 homepage 字段，以便他们可以部署到 Github Pages（例如），同时仍然使用可运行的应用程序在本地开发？
文档的create-react-app解释了如何从不同的相对路径服务相同的构建。
如果你把主页作为
"homepage": ".",
资产将相对于index.html. 然后，您可以将您的应用从移动http://mywebsite.com到http://mywebsite.com/relativepath甚至http://mywebsite.com/relative/path无需重建。
出于开发目的，服务使用yarn start或npm start就足够了。应用程序将在本地主机中可用
您可以使用PUBLIC_URL环境变量来覆盖特定构建的主页。更好的是在你的 package.json 中设置它，例如：
{
// ...
"scripts": {
"build": "react-scripts build",
"build-localhost": "PUBLIC_URL=/ react-scripts build"
// ...
}
// ...
}
例如，问题可能是因为“index.html”文件指向“/static/js/...js”，如果我们在根文件夹中发布应用程序，这将起作用，但是如果您在根文件夹中有各种静态开发使用同一台 Apache 服务器的同一台机器你有问题。
使用以下命令配置 Package.json：
"homepage": "."
这将使用相对路径，而不是在当前文件夹中使用绝对路径。即“./static/js/...js” 进行此更改时最常见的错误是插入“./”而不是“.”
此外，如果您没有使用 react-router，即没有客户端路由，那么没有这个 hack 应该是安全的。
您可以使用 dev shell 环境覆盖主页设置：
$ export PUBLIC_URL=http://localhost:3000/
$ yarn start
或者，如果您愿意，请在为生产构建之前删除您的主页设置并配置您的 env：
$ export PUBLIC_URL=http://example.com/subdir
$ yarn build
对于来这里寻找一体式答案的人来说，该答案还涵盖了 react-router-dom：
添加package.json['homepage']为您的生产网址。需要注意的是，CRA 构建步骤删除了 url 的域部分，只留下索引路径。
为本地主机构建时，请执行 PUBLIC_URL=/ npm run build
按照本文的建议添加<base href="%PUBLIC_URL%" />到您的public/index.html页面中；它将提供对资产（img、css）的支持，并将公开以供以后重用。%PUBLIC_URL%
在创建 BrowserRouter （通常是 App.js 或 main.js）的组件中，添加：
const basename = document.querySelector('base')?.getAttribute('href') ?? '/'
用于： <BrowserRouter basename={basename} />