按照示例的用*来匹配404页面时会出现重复，/* 对应的页面也会出现

[huangpingcode]

代码如下：

class Test extends Component{
    render(){
        return (
            <div>
                <Main />
                <Route cache component={ Chat } path="/chat" />
                <Route component={ Setting } path="/setting" />
                <Route component={ Setting } path="/*" />
            </div>
        )
    }
}
class App extends Component{
    render(){
        return (
            <HashRouter>
              <div>
                <Link className='dsfds' to='/welcome'>welcome</Link>
                <Link className='dsfds' to='/login'>login</Link>
                <Link className='dsfds' to='/main'>main</Link>
                <Link className='dsfds' to='/main/setting'>Setting</Link>
                <Link className='dsfds' to='/main/chat'>chat</Link>
                <Route component={ Welcome } path="/welcome" />
                <Route component={ Login } path="/login" />
                <Route component={ Test } path="/main" />
              </div>
            </HashRouter>
        )
    }
}```

[lanistor]

如果只匹配 '/'（根目录），使用 '/>'（'>'为结尾符，类似于正则表达式里的'$'）；如果想匹配'/'开头的所有的路径，使用'/'即可，无需加'*'。可以参见具体文档:Mapping Rule

[flymzero]

但是输入/ 即匹配了'/>' 和'/'

[lanistor]

@flymzero https://github.com/vifird/react-keeper/issues/83#issuecomment-412023652