子文件夹托管时的问题反应js

时间:2018-08-30 15:04:33

标签: reactjs react-router hosting web-hosting

我在react中创建了一个应用,并托管在public class A{ @Autowired public Map<String, Method> methodsMap; public A(){ } @Resource(name = "Name-A") public static String methodA(String a) { System.out.println("method a: " + a); return a + " it works!!!"; } @Resource(name = "Name-B") public static String methodB(String b) { System.out.println("method b: " +b); return b + " it works!!!"; } @Resource(name = "Name-C") public static String methodC(String c) { System.out.println("method c: " + c); return c + " it works!!!"; } }

因为我的路由器代码是

www.domain.com/party-booking

以及路线。

<BrowserRouter basename='/party-booking'>
            <App/>
 </BrowserRouter>

现在我在<Switch> <Route path="/" exact component={Dashboard}/> <Route path="/summary" exact component={Summary}/> <Route path="/thankyou" component={ThankYou}/> <Route component={NotFoundPage}/> </Switch> 上,从这里开始付款,付款成功后,我当前正在重定向到

www.domain.com/party-booking/summary

现在我要重定向到下面的网址,而不是上面的网址。

www.domain.com/party-booking/thankyou

该怎么做?同一应用程序是否可能?我是否需要制作其他应用程序?

1 个答案:

答案 0 :(得分:0)

我假设您正在使用react-router-dom(又名React Router V4)

您的核心路由应如下所示:

import { BrowserRouter as Router, Route } from 'react-router-dom'

<Router>
  <div>
    <Route path="/party-booking/thankyou" component={PartyBookingThankYou}/>
    <Route exact path="/party-booking" component={App}/>
    <Route exact path="/thankyou" component={ThankYou}/>
  </div>
</Router>

如果您要将用户重定向到其他路由,只需返回此组件

<Redirect to="/thankyou"/>

有关重定向的更多信息,请参见:https://reacttraining.com/react-router/web/api/Redirect

有关路由的更多信息,请参见:https://reacttraining.com/react-router/web/api/Route