javascript - ReactJs 带有 { hashHistory } 的不错的 URL

Question

我正在学习Reactjs和路线。

所以问题是路由正在工作，但他们将其添加到网址“/#/AboutUs?_k=gb8gte”。

如何才能使 URL 变得用户友好？只是类似/AboutUs

ReactDOM.render(
<Router history={hashHistory}>
    <Route path="/" component={Layout}>
        <Route path="Today" component={Today}></Route>
        <Route path="EndingSoon" component={EndingSoon}></Route>
        <Route path="AboutUs" component={About}></Route>
        <Route path="Contact" component={Contact}></Route>
    </Route>
</Router>
, app);

这是 nav.js

import React from "react";
import ReactDOM from "react-dom";
import { Link } from 'react-router'

export default class Nav extends React.Component {
render() {
    return(
        <nav>
            <Link to="Today">Today</Link>
            <Link to="EndingSoon">Ending Soon</Link>
            <img src="img/logo.png"/>
            <Link to="AboutUs">About Us</Link>
            <Link to="Contact">Contact</Link>
        </nav>
    );
}
}

Answer 1

为了获得干净(用户友好)的网址，您必须配置您的服务器。并使用 browserHistory 而不是 hashHistory。

看看以下来自react-router的教程。

https://github.com/reactjs/react-router-tutorial/tree/master/lessons/10-clean-urls

希望对你有帮助!