Question

我正在学习 Reactjs和路线。

所以问题是路线工作正常，b 他们将此添加到网址“/＃/ AboutUs？_k = gb8gte”。

我怎样才能做到，网址对用户友好？就像/ 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

希望它有所帮助！

ReactJs Nice url with {hashHistory}

1 个答案: