Мое веб-приложение Angular маршрутизируется через кнопки, как и ожидалось, но когда я ввожу путь к странице в URL-адресе, маршрутизация не работает. При размещении на firebase
Когда я запускаю программу на своем локальном хосте, я могу перемещаться по своей программе, используя URL-адрес, но не когда она размещена на базе firebase.
например) Ввод «www.localhost:4200/home» возвращает меня домой.
Набрав «www.localhost:4200/contact», я попаду на страницу контактов.
НО
Когда я размещаю веб-сайт на firebase, я могу получить к нему доступ только напрямую: «www.portfoliotest.web.app» и маршрутизация с помощью кнопок работают, но не когда я набираю «www.portfoliotest.web.app/home» или «www.portfoliotest.web.app». /contact», но вместо этого я получаю ошибку Firebase «Страница не найдена».
Как я могу настроить маршрутизацию, чтобы иметь доступ к своим страницам через URL-адрес?
Спасибо.
Ответы 1
Ваша проблема не в маршрутизации, а в том, как вы настроили Firebase.
В вашем firebase.json вам нужно перенаправить все URL-адреса на index.html:
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
Таким образом, ваша маршрутизация Angular имеет приоритет над статической файловой службой.