Question

我有一个想要托管的 reactjs 应用程序：

https://localhost/testpp/
https://dev.mysite.com/testapp/
https://prod.mysite.com/testapp/

当我使用 react-scripts build 进行生产构建时，构建文件夹中生成的 index.html 插入了如下链接：

<link href="/static/css/2.7118e3f5.chunk.css" rel="stylesheet">
<link href="/static/css/main.efda1f21.chunk.css" rel="stylesheet">
<script src="/static/js/2.a33cce7b.chunk.js"></script>
<script src="/static/js/main.0d57a210.chunk.js"></script>

当浏览器尝试下载 /static/css/2.7118e3f5.chunk.css 时失败，因为它应该尝试从 testapp/static/css/2.7118e3f5.chunk.css 获取它

然后我尝试将 "homepage": "/testapp" 添加到 package.json，它现在生成正确的链接，例如：

<script src="testapp/static/js/main.0d57a210.chunk.js"></script>

但是现在当我导航到 https://dev.mysite.com/testapp/static/js/main.0d57a210.chunk.js 时，响应始终是 index.html 页面，而不是 js 文件。

我在这里做错了什么？

Answer 1

您还可以通过在 App.js 中创建路由并将用户重定向到 testapp 路由来实现预期结果。

在App.js

return (
  // ... your routes logic

  <Redirect from="/" to="testapp" />
)

构建 reactjs 应用程序，以便使用根 URL 参数托管它

1 个答案: