反应主页属性不起作用

Question

在我的 package.json 文件中，我有 "homepage" : "http://myname.project.com/myapp",

我使用npm run build 构建应用程序，输出确认已创建 /build 目录。输出：

102.97 KB 构建/静态/js/main.bfa46b52.js

24.37 KB build/static/css/main.cfe8a47e.css

该项目是在假设它托管在 /myapp/ 的情况下构建的。您可以使用 package.json 中的主页字段来控制它。

构建文件夹已准备好部署。

如果我使用 npm start 或 serve -s build 启动应用程序，应用程序将启动并加载 index.html 页面，但 index.html 中对静态资源的引用已损坏 (/myapp/static/js/main .js 和 /myapp/static/css/main.css）。我可以在没有 /myapp 的情况下直接导航到它们（localhost:5000/static/js/main.js 有效；localhost:5000/myapp/static/js/main.js 无效）

如果我将构建文件夹部署到 /myapp 目录下的另一个普通旧 apache 服务器，它似乎可以按预期工作。有什么方法可以配置 serve -s build 以提供 /myapp 目录中的页面？

该应用程序目前是一个页面，没有链接，也没有实现 react-router 或任何等效项。该团队一直在使用 webpack，但将其删除。该应用程序使用 react-scripts 进行捆绑。

Answer 1

我不清楚发生了两件事。

1. 设置主页属性对 index.html 进行了修改，以便它在部署到 /myapp 目录时正常运行。
2. 运行npm start 或serve -s build/ 仍会从内置静态服务器的根目录部署我的应用程序。

主页属性与您的应用实际部署的位置没有任何关系。为了解决这个问题，我使用构建后脚本将 /build 文件夹的内容移动到 /build/myapp 文件夹。然后它按预期工作。

这里有更多关于这个的讨论： https://github.com/facebookincubator/create-react-app/issues/1354#issuecomment-311506599