我有一个想要托管的 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 文件。
我在这里做错了什么?
答案 0 :(得分:0)
您还可以通过在 App.js
中创建路由并将用户重定向到 testapp
路由来实现预期结果。
在App.js
return (
// ... your routes logic
<Redirect from="/" to="testapp" />
)