Проблема при хостинге с подпапкой React JS
Я создал приложение в React и размещено на 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
теперь я хочу перенаправить на URL ниже, а не выше.
www.domain.com/thankyou
как это сделать? Возможно ли это с тем же приложением или мне нужно сделать другое приложение ??
@Michiel да, вы все правильно поняли .. возможно ли это в том же приложении реакции?
Я предполагаю, что вы используете react-router-dom?
да, я отредактировал вопрос, пожалуйста, посмотрите. да, я знаю о перенаправлении, но я хочу сказать, что я размещаю приложение на одном дополнительном URL-адресе, который является www.domain.com/partybooking, и для этого я использовал атрибут 'basename' reacttraining.com/react-router/web/api/BrowserRouter/…, когда я делаю <Redirect to = "/thankyou"/> Он перенаправляет меня на www.domain.com/partybooking/thankyou, а не на www.domain.com/thankyou
Мой ответ содержит информацию о том, как вам следует перенаправить.
но я уже разместил одно приложение на www.domain.com.
Позвольте нам продолжить обсуждение в чате.
Ответы 1
Я предполагаю, что вы используете 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
Итак, вы хотите перенаправить своего пользователя с
/party-booking/thankyouна/thankyou?