服务器后退和使用react-router和url参数的嵌套路由

时间:2018-01-04 04:33:54

标签: reactjs webpack react-router url-routing

在我的反应应用中,我正在使用带有BrowserRouter的react-router。 我的webpack文件有

devServer.historyApiFallback: true

我有一个

<Route path='/details/:parameter' />

在导航应用程序时,后备和路线都按预期工作。

但是,如果我在/details/:parameter上的服务路线并且我刷新,应用程序会断开并在控制台中告诉我它无法找到

/details/webpack_bundle.js

但是浏览器中的url仍然包含带有参数的正确路由。

我希望找到一个优雅的解决方案。任何解释为什么它的行为这种方式是值得赞赏的。

2 个答案:

答案 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>

查看此答案:Express.js, Unexpected token <