在ReactJS中覆盖根路径

时间:2019-03-13 17:27:48

标签: node.js reactjs package.json npm-start

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

You can now view my-app in the browser.

  Local:            http://localhost:3000/

我想对其进行更改,以使其使用http://localhost:3000/my-app命中index.html,而不直接部署在根目录上。

我尝试在homepage中添加package.json peoperty,但它仍在根目录上运行。

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

1 个答案:

答案 0 :(得分:1)

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

const envPublicUrl = process.env.PUBLIC_URL;

...

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

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

希望有帮助!