react history和hash路由

React Router是一个用于构建单页应用程序的库。它提供了两种路由方式：history路由和hash路由。

history路由使用HTML5的history API来管理URL的变化。这种路由方式可以让URL看起来更加美观，而且可以使用浏览器的前进和后退按钮来导航。但是，它需要服务器的支持，因为在刷新页面时，服务器需要返回正确的HTML文件。

hash路由使用URL中的哈希值来管理URL的变化。这种路由方式不需要服务器的支持，因为哈希值的变化不会导致浏览器向服务器发送请求。但是，它的URL看起来不太美观，而且不能使用浏览器的前进和后退按钮来导航。

相关问题

react-routerV5 hash路由转换成history路由需要改动什么？

React Router v5 中的 HashRouter 使用 URL 中的哈希值（#）来控制路由，而 BrowserRouter 使用 HTML5 的 history API。如果你想将 HashRouter 转换为 BrowserRouter，需要进行以下步骤：

1. 安装 history 库

npm install history --save

2. 更改路由组件的引用

将 `import { HashRouter as Router, Route } from 'react-router-dom';` 改为 `import { Router, Route } from 'react-router-dom';`。

3. 创建一个 history 对象

在 index.js 文件中，使用 createBrowserHistory 函数创建 history 对象，并将其传递给 Router 组件。

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route } from 'react-router-dom';
import { createBrowserHistory } from 'history';
import App from './App';

const history = createBrowserHistory();

ReactDOM.render(
  <Router history={history}>
    <Route path="/" component={App} />
  </Router>,
  document.getElementById('root')
);

4. 更改路由链接

将 `hash` 链接改为 `history` 链接，例如将 `<a href="#/about">About</a>` 改为 `<a href="/about">About</a>`。

完成以上步骤后，您就可以使用 BrowserRouter 来控制路由了。

react非hash路由是什么意思

在 React 中，使用路由可以实现单页面应用程序（SPA），其中不同的 URL 对应不同的页面。传统的 Web 应用程序使用的是 hash 路由，即 URL 中使用 # 符号来指示不同的页面。

例如，使用 hash 路由的 URL 可能如下所示：

http://example.com/#/about

而非 hash 路由则使用普通的 URL，例如：

http://example.com/about

React Router 提供了两种路由类型：hash 路由和非 hash 路由。在使用非 hash 路由时，我们需要借助浏览器的 HTML5 History API，来创建基于浏览器历史记录的路由。这样可以使得我们的应用程序的 URL 更加友好，同时也可以提高搜索引擎的优化效果。