HashHistory与BrowserHistory

Question

我正在将Node与Webpack-Dev-Server和React-Router一起使用。

在我的app.js文件中，我有：

<Router history={browserHistory}>
  <Route path="/" component={Layout}>
    <IndexRoute component={FindFriends} />
    <Route path="/you" component={YouAndYourFriends} />
  </Route>
</Router>

使用browserHistory浏览器会返回错误： Cannot GET /you

当我将browserHistory更改为hashHistory ，一切正常。

我的错误在哪里？ 或者您应该使用browserHistory做什么？

Answer 1

我有这个问题。 通过将以下内容添加到我的webpack.config.js来解决此webpack.config.js

devServer: {
  historyApiFallback: true,
  contentBase: path.join(__dirname, "dist"), // Not Related but important
}

您也可以通过命令行切换此选项： https : //webpack.github.io/docs/webpack-dev-server.html#the-historyapifallback-option

就我而言，我通过将其放入配置文件中使其工作。

祝好运 ！