在我的反应应用中,我正在使用带有BrowserRouter
的react-router。
我的webpack文件有
devServer.historyApiFallback: true
我有一个
<Route path='/details/:parameter' />
在导航应用程序时,后备和路线都按预期工作。
但是,如果我在/details/:parameter
上的服务路线并且我刷新,应用程序会断开并在控制台中告诉我它无法找到
/details/webpack_bundle.js
但是浏览器中的url仍然包含带有参数的正确路由。
我希望找到一个优雅的解决方案。任何解释为什么它的行为这种方式是值得赞赏的。
答案 0 :(得分:2)
重复问题:请参阅React nested route fails to load on refresh。
我在webpack中使用HTML Webpack插件,这是我找到的解决方案。
webpackConfig.output.publicPath = '/'
这会从根目录加载包。
答案 1 :(得分:0)
打开您的控制台,检查您是否收到意外的令牌错误&#39;&lt;&#39;
这可能是因为在索引文件中你错过了一个斜线&#39; /&#39;在bundle.js之前。将其更改为<script src='/bundle.js'><script>