react-router-dom - 直接导航到路由

Question

使用 react-router-dom 时，我是否应该能够创建路由并通过在 URL 中手动输入其路径来导航到它？

const App = () =>
<Provider store={store}>
    <Router>
        <div>
            <Route exact path="/" component={QuotesLandingPage} />
            <Route path="/prequote" component={LoadingSpinner} />
        </div>
    </Router>
</Provider>;

所以，我将在本地主机上，当我手动输入' /prequote 时' 到 url 的结尾在 navbar它不会重定向到我指定的组件，而是抛出 404。

这是预期的行为吗？

我一直在寻找答案，并看到一些建议配置 webpack(我正在使用 webpack)以拥有 devServer.historyApiFallback = true应该有效，但对我没有用。

Answer 1

也许你对 也有同样的困惑historyApiFallback 就像我曾经做过的那样。我将从 https://webpack.github.io/docs/webpack-dev-server.html#the-historyapifallback-option 引用:

However, if you have modified output.publicPath in your Webpack configuration, you need to specify the URL to redirect to. This is done using the historyApiFallback.index option.

historyApiFallback: {
  index: '/foo-app/'
}

就我而言，我终于通过更改 得到了它historyApiFallback 选项:

historyApiFallback: {
    index:'dist/'
},

视为 索引:'dist/index.html' , 而不是 devServer 抛出 404。

干杯