Использование относительных путей в реактивном маршрутизаторе
Я столкнулся с этой проблемой при развертывании моего приложения React в некорневом месте на веб-сервере, например. /somefolder/myapp.
Если вы развертываете прямо в корневую папку, это работает просто отлично:
Однако при развертывании в папку /somefolder маршрутизация перестает работать и мы ничего не видим (поскольку маршрут не совпадает, включая маршрут index). Это связано с тем, что мы использовали абсолютные ссылки, такие как /subcomponent.
Чтобы разрешить развертывание в некорневые папки, используйте эти «относительные» пути:
(я знаю, что они не совсем относительные, но здесь они выполняют ту же цель)
Добавляйте ко всем путям префикс window.location.pathname — это выражение будет оцениваться после запуска вашего приложения и будет использовать правильный путь /somefolder/myapp для префикса ваших путей. В итоге вы передадите абсолютные пути к react-router и ваше приложение снова заработает😁.
