Я использую BrowserRouter
в качестве React Router Dom, и хотя я пытаюсь получить доступ к определенному пути, скажем http://localhost:3000/recoverPassword
, URL-адрес не может быть разрешен.Я не могу перейти на HashRouter
, так как клиент не так впечатлен, увидев #
в URL.Я натолкнулся на причину и обнаружил, что это , как мы можем исправить это с помощью веб-пакета.Но я не использую веб-пакет в своем проекте.Поэтому я хотел бы знать, есть ли альтернативный подход без использования каких-либо модулей модуля?
import { BrowserRouter as Router, Route } from "react-router-dom";
class App extends Component {
render() {
return (
<Router>
<div>
<Route exact path="/" component={SignIn} />
<Route exact path="/recoverPassword" component={RecoverPassword} />
</div>
</Router>
);
}
}
Примечание:
Локально это работает без дополнительных настроек, но при развертывании в Amazon AWS не удается определить путь.
Обновление # 1
Мы можем сконфигурировать корзину s3 для устранения ошибки, указав в документе об ошибке также index.html
, как это объясняет ответ .Хэш-трюк create-react-app
сделает остальное с BrowserRouter
.
Но моя команда разместила сборку для производства в EC2, у меня нет доступа к ней в настоящее время, нужно иметьПосмотрите, как то же самое можно настроить там.Тем временем было бы замечательно, если бы кто-то мог поделиться какой-либо информацией в качестве ответа относительно того, как справиться с этим в EC2.
Спасибо.