服务器回退并使用 react-router 和 url 参数嵌套路由答案

【问题标题】：server fall back and nested routes with react-router and url parameters服务器回退并使用 react-router 和 url 参数嵌套路由
【发布时间】：2018-06-13 19:07:24
【问题描述】：

在我的反应应用程序中，我使用带有BrowserRouter 的反应路由器。我的 webpack 文件有

devServer.historyApiFallback: true

我有一个

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

在应用中导航时，回退和路由都按预期工作。

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

/details/webpack_bundle.js

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

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

【问题讨论】：

标签： reactjs webpack react-router url-routing

【解决方案1】：

重复问题：见React nested route fails to load on refresh。

我在 webpack 中使用 HTML Webpack Plugin，这是我找到的解决方案。

webpackConfig.output.publicPath = '/'

这会从根目录加载包。

【讨论】：

【解决方案2】：

打开您的控制台并检查您是否收到意外令牌错误'

这可能是因为在索引文件中，您在 bundle.js 之前缺少了一个斜杠“/”。改成<script src='/bundle.js'><script>

看看这个答案：Express.js, Unexpected token <

【讨论】：