react router 路由路径问题

Question

React 路由的路径一般是放在 hash 里面的，像下面的图：

我想不把路径放在 hash 值里面，像常规的网站路径一样：

请问该怎么实现？

Answer 1

用的react-router么?是的话,非常简单

import { browserHistory } from 'react-router'

render(
  <Router history={browserHistory} routes={routes} />,
  document.getElementById('app')
)

Answer 2

把route的history换成browserHistory就行了，我想你现在用的应该是hashHistory吧

具体可以参考官方文档：https://github.com/reactjs/react-router/blob/master/docs/guides/Histories.md

Answer 3

用browserHistory就可以实现，但启动后发现除了首页'/'，其他类似于'/user'这样的路径访问不了。服务器需要处理，这里直说下webpack-dev-server的配置

var server = new webpackDevServer(webpack(config),{
    hot: true,
    //如果webpack 配置文件没有更改 output.publicPath,直接配置historyApiFallback:true 就可以
    historyApiFallback: {
          index: config.output.publicPath
    }
});

文档中有对express应用，nginx 服务器配置做说明： https://github.com/reactjs/react-router/blob/master/docs/guides/Histories.md#browserhistory

webpack-dev-server配置详细说明： http://webpack.github.io/docs/webpack-dev-server.html

Answer 4

bold italic link > 引用 code - 列表。