Question

具体如何更改React应用程序的根路径：所有html，css和js都将位于http://localhost:3000/app下，而不仅仅是http://localhost:3000下？

是否有一种简单的方法可以将现有应用程序修改为仅一个级别？

（这在使用反向代理（例如React前面的nginx或apache）时很有用）

请注意，编译后的项目在所有位置还应具有相同的/ app前缀

非常感谢

Answer 1

找到了编译代码的解决方案！

添加到package.json

  "homepage": "/app/",

添加到index.html

<head>
  <base href="%PUBLIC_URL%/">
</head>

现在使用npm run build

构建应用

将文件复制到Web服务器（例如Nginx）cp -r build /usr/share/nginx/html/app

访问此地址：

http://localhost/app

因此，所有路径现在都应具有前缀app/