如果其他的答案不为你工作，还有一个homepage在外地package.json。运行后，npm run build您应该收到如下消息：

The project was built assuming it is hosted at the server root.
To override this, specify the homepage in your package.json.
For example, add this to build it for GitHub Pages:

  "homepage" : "http://myname.github.io/myapp",

您只需将其添加为 中的根字段之一package.json，例如

{
  // ...
  "scripts": {
    // ...
  },
  "homepage": "https://example.com"
}

成功设置后，通过homepage或PUBLIC_URL，您应该收到如下消息：

The project was built assuming it is hosted at https://example.com.
You can control this with the homepage field in your package.json.

像我这样的人在构建中寻找这样的东西：

<script type="text/javascript" src="https://dsomething.cloudfront.net/static/js/main.ec7f8972.js">

然后设置https://dsomething.cloudfront.net为homepageinpackage.json将不起作用。

1. 快速解决方案

像这样构建你的项目：
（windows）

set PUBLIC_URL=https://dsomething.cloudfront.net&&npm run build

(Linux/Mac)

PUBLIC_URL=https://dsomething.cloudfront.net npm run build

你会得到

<script type="text/javascript" src="https://dsomething.cloudfront.net/static/js/main.ec7f8972.js">

在您构建的 index.html 中

2. 永久推荐方案

创建一个.env在项目根目录下调用的文件（package.json 所在的位置）。
在这个文件中写下这个（网址周围没有引号）：

PUBLIC_URL=https://dsomething.cloudfront.net

像往常一样构建您的项目 ( npm run build)
这也将生成 index.html：

<script type="text/javascript" src="https://dsomething.cloudfront.net/static/js/main.ec7f8972.js">

3.奇怪的解决方案（在最新的react-scripts版本中不起作用）

将此添加到您的 package.json
“主页”：“http://dsomething.cloudfront.net”，

然后 index.html 将生成：

<script type="text/javascript" src="//dsomething.cloudfront.net/static/js/main.ec7f8972.js">

这与以下内容基本相同：

<script type="text/javascript" src="https://dsomething.cloudfront.net/static/js/main.ec7f8972.js">

在我的理解中。

Github 问题 Github 评论

这不是 PUBLIC_URL 变量的使用方式。根据文档，您可以在 HTML 中使用 PUBLIC_URL：

<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

或者在你的 JavaScript 中：

render() {
  // Note: this is an escape hatch and should be used sparingly!
  // Normally we recommend using `import` for getting asset URLs
  // as described in “Adding Images and Fonts” above this section.
  return <img src={process.env.PUBLIC_URL + '/img/logo.png'} />;
}

PUBLIC_URL 不是您设置为您选择的值的东西，它是一种在 Webpack 构建系统之外的部署中存储文件的方法。

要查看此内容，请运行您的 CRA 应用程序并将其添加到src/index.js文件中：

console.log('public url: ', process.env.PUBLIC_URL)

你会看到 URL 已经存在。

在CRA 文档中阅读更多内容。

实际上，不同操作系统之间设置环境变量的方式是不同的。

Windows (cmd.exe)

set PUBLIC_URL=http://xxxx.com&&npm start

（注意：缺少空格是有意的。）

Linux、macOS (Bash)

 PUBLIC_URL=http://xxxx.com npm start

受到推崇的： cross-env

{
  "scripts": {
    "serve": "cross-env PUBLIC_URL=http://xxxx.com npm start"
  }
}

参考：create-react-app/README.md#adding-temporary-environment-variables-in-your-shell at master · facebookincubator/create-react-app

查看文档。你可以有一个 .env 文件来获取 PUBLIC_URL

虽然你应该记住它的用途 -

您可以使用此变量强制将资产逐字引用到您提供的 url（包括主机名）。这在使用 CDN 托管您的应用程序时特别有用。