как настроить целевую страницу в веб-приложении React

Question

Я создал ReactJS проект с пакетом create-react-app, и он работал хорошо, также я запускаю приложение с помощью команды npm start.

Итак, приложение по умолчанию работает на http://localhost:3000, но я хотел настроить свой целевой URL-адрес на что-то вроде этого http://localhost:3000/google, где /google будет полезно для настройки apache web server для обнаружения моего приложения,

ПРИМЕЧАНИЕ: Существует способ перенаправления с использованием параметра react-router-dom на <Redirect from="/" to="/google" />, который будет работать после загрузки приложения.Но я ожидаю, что мое приложение должно быть доступно только с этим URL http://localhost:3000/google.Это означает, что все мои webpack, node_modules, public URL-адреса должны проходить только через /google.

Как настроить базовый URL-адрес веб-приложения?

Answer 1

Если вы используете реагирующий маршрутизатор, вы можете использовать базовое имя prop для установки подкаталога

<BrowserRouter basename='/google'>
  <App />
</BrowserRouter>

ИЛИ вы можете перенаправить / в / content в блоке Switch

<Switch>
   <Redirect exact from="/" to="/google" />
   <Route exact path="/google" component={ContentComponent} />
</Switch>

Answer 2

Я думаю, что у вас есть ответ на ваш вопрос здесь: Реакция начала посадки URL

Первый от @Bhojendra Rauniyar

Надеюсь, это поможет!