反应路由器哈希历史记录

Question

我研究了hashHistory与browserHistory并停留在“哈希历史不需要任何服务器端配置”这一点上。 我不明白这一点，请告诉我。

Answer 1

当您将react-router设置为使用``哈希历史记录''时...

 <Router history={hashHistory}>

...它会在网址末尾添加这些看起来很奇怪的＃字符串（哈希字符串）。 路由器使用字符串中包含的信息来为请求的特定页面呈现正确的组件。

如果您不希望哈希字符串出现在URL的末尾，则可以设置react-router来创建类似于example.com/some/path真实URL。 内部react-router将确保呈现该路由的正确组件。

只有一个问题。 现在，如果有人访问example.com/some/path您的服务器将尝试在您的网站目录中找到该页面，而不是将请求移交给您的React Router。 您的服务器不知道如何处理URL。

无论输入什么URL，都必须将服务器配置为始终交付您的应用程序。然后，您的应用程序在浏览器中将操纵URL返回正确的页面。 因此，当您要使用服务器时，还需要在服务器上进行一些配置

 <Router history={browserHistory}>

获得更好的网址

以下是有关浏览器历史记录（网址看起来不错）和哈希历史记录（网址中的＃号）之间的区别的一些信息

您无需编写正在使用的服务器。 文档中有一些服务器配置示例（nginx，apache） 。