node.js - 覆盖 ReactJS 中的根路径

Question

当我使用 npm start 运行应用程序时，它在根目录上运行

You can now view my-app in the browser.

  Local:            http://localhost:3000/

我想更改它，以便它使用 http://localhost:3000/my-app 访问 index.html，并且不会直接部署在根目录上。

我尝试在 package.json 中添加 homepage 功能，但它仍然在根目录上运行。

..
"homepage": "https://localhost:3000/my-app",..

Answer 1

也许您可以尝试更改您的 process.env.PUBLIC_URL 以指向您的 my-app 目录？我看到的用于确定 react 上公共(public) url 位置的相关代码如下:

const envPublicUrl = process.env.PUBLIC_URL;

...

const getPublicUrl = appPackageJson =>
  envPublicUrl || require(appPackageJson).homepage;

因此，如果您的 process.env.PUBLIC_URL; 已通过短路评估设置，则您的第二个条件语句:require(appPackageJson).homepage ; 将不会被评估。因此，也许您的 homepage 键甚至没有在您的 package.json 文件中进行评估。有关设置/获取 Node 的 process.env 变量的更多信息，请查看此 tutorial

希望有帮助!