reactjs - 如何在create-react-app中设置PUBLIC_URL？

Question

如何在create-react-app中设置PUBLIC_URL？

我使用跨环境，因此我可以像下面这样设置 PUBLIC_URL。

"start": "cross-env NODE_ENV=dev PUBLIC_URL=http://localhost:8080 react-app-rewired start --scripts-version react-scripts-ts"

console.log(process.env) 向我显示了有关 NODE_ENV、dev 的正确结果。但 PUBLIC_URL 只是默认值“”。

如何设置 PUBLIC_URL？我需要两个 PUBLIC_URL 用于开发和生产环境。

Answer 1

这是我在这个问题上的经验:

create-react-app 或 CRA 系统设置

%PUBLIC_URL%

来自应用程序文件夹根目录中的 .env 文件的变量，位于文件 package.json 旁边。无需在开发配置中使用PUBLIC_URL，根据我的经验，应用程序在开发设置中运行得很好。运行

yarn build

在 CRA 初始化的 React 应用程序上，将根据 .env 文件内容设置 PUBLIC_URL 变量。那么 .env 文件应该包含什么？

不需要方括号或大括号，只需

.env 文件内容:

PUBLIC_URL=https://yourdomain.whatever/subdirectory

例如，如果您的应用程序是从 /public_html/subdirectory 提供的。

此外，CRA 的 package.json 文件中不支持 homepage 关键字，因此可以将其删除并使用 .env 文件相反，在根目录中。