Мое приложение ломается, когда я перезагружаю конкретную страницу, используя реакционную маршрутизацию

Question

У меня есть новостное веб-приложение, и я пытаюсь создать страницу публикации, моя ситуация следующая, у меня есть список публикаций, затем я нажимаю на одну из них и захожу на страницу со всей информацией о публикация, по которой я щелкнул, когда я впервые захожу на эту страницу, все в порядке, но когда я ее перезагружаю, приложение перестает работать, и я вижу бессмысленную ошибку в консоли, потому что после перезагрузки страницы вместо загрузки страницы он пытается загрузить файл css, я не знаю, как объяснить. но когда я захожу на эту страницу в первый раз, мой Sources выглядит так.

Но когда я перезагружаю страницу, это выглядит так.

Как я уже сказал, я не знаю, как все объяснить правильно, поэтому я просто предоставлю все, что смогу.

у меня ошибка:

И мой URL:

http://localhost:8080/publications/by-id/publication-eight

Надеюсь, вы, ребята, помогите мне с этим.

Answer 1

Извините, ребята, я нашел решение. Мое приложение не работает, когда в URL есть более одного сегмента после root /. Поэтому решение состоит в том, чтобы добавить <base href="/"> в раздел head файла index.html, но другие мои приложения работали и продолжают работать без него, я проверил 2 из созданных мной приложений и понятия не имею, почему они работают без <base href="/">.