Проблемы с проектом на Vue в продакшене?

Question

[powerlimit]

Здравствуйте, уважаемые господа и дамы.
Решил я в ходе развития своего как фронтэндщика изучить vue. начал делать первый свой проект на vue + vuex + vuetify (ну и само собой webpack).
На деве всё красиво. анимации, прочая ерунда. решил протестить это дело в проде. выложил код свой на сервер.
Главная страница открывается. по страницам переходы осуществляются. но если обновить страницу находясь на любой другой ссылке, например my.site/about, сервер отдает 404. кто знает как решаются такие проблемы? (повторюсь, на деве такой проблемы нет)

Answer 1

[Антон Антон]

Вот прямо по русски в документации:

Возникает, однако, и проблема: поскольку наше приложение — одностраничное, не сконфигурировав соответствующим образом сервер мы заставим пользователей получать ошибку 404, если они перейдут по oursite.com/user/id напрямую. Вот это уже прекрасным не назвать.

Не спешите расстраиваться: всё, что нужно — единственная "резервная" запись в конфигурации сервера. Если URL не совпадает ни с одним статическим файлом, сервер должен просто отдать index.html, в котором и живёт наше приложение. И снова, прекрасно!

ну и дальше примеры конфигурации для разных веб серверов.

Comments

[powerlimit]

самое интересное, что я это, где-то неделю назад читал. но, увы, не отложилось в голове

Answer 2

[Александр Косицын]

Конфиг на сервере нужно поставить чтобы всегда отдавал файл index.html.
При любом роуте.
Роутинг на хешах сделан?

Comments

[powerlimit]

если вы про my.site/#/about то нет. я через mode: history убрал их

[Александр Косицын]

Какой у тебя сервер?

Answer 3

[powerlimit]

ErrorDocument 404 / такая запись решила все вопросы. спасибо за подсказку.