如何使React(路由器)指向WP后端文件

时间:2017-10-18 17:50:12

标签: reactjs router

我正在使用Wordpress和REST API来构建应用。不幸的是,我需要在用户指向/ register时访问WordPress PHP页面。

当我将浏览器指向/ register页面时,它会显示一个由react呈现的通用页面。它由此引发:

<Route path='*' component = {Single} />

如何对此规则进行例外处理并从WordPress后端检索页面?

这是我的路由器:

<Route path="/">

        <IndexRoute component={Home} /> 
         <Route path='/services' component ={Services} />
        <Route path='/blog' component={Blog} />
        <Route path='/submit' component = {Submit} />
        <Route path='/myaccount' component = {MyAccount} />
        <Route path='/register' component = {Register} />
        <Route path='/logare' component = {Login} />
       // <Route path='*' component = {Single} />


 </Route> 

1 个答案:

答案 0 :(得分:1)

好的,你的评论为我解决了问题。您可以在每个exact上使用<Route>道具,以确保只有精确的网址与该组件匹配。

<Route path="/">

        <IndexRoute component={Home} /> 
         <Route path='/services' component ={Services} />
        <Route path='/blog' component={Blog} />
        <Route path='/submit' component = {Submit} />
        <Route path='/myaccount' component = {MyAccount} />
        <Route exact path='/register' component = {Register} />
        <Route path='/logare' component = {Login} />
        <Route path='*' component = {Single} />


 </Route>