При публикации собранного приложения Vue на GitHub Pages на странице вылезают ошибки 404

Такая проблема: При публикации собранного приложения Vue на GitHub Pages на странице вылезают ошибки 404 на все файлы, на которые ссылается приложение - то есть на те, что получились после сборки, js и css, соответственно на странице ничего не отображается. Тестировал локально, локально все отображается. В чем может быть проблема?


Ответы (2 шт):

Автор решения: Mrage

Вероятно вы ошиблись вероятно публикации

https://cli.vuejs.org/ru/guide/deployment.html#github-pages

К тому же, если вы публикуете приложение с роутером, то вам нужно его настроить, как написано в документации. Дело в том, что vue изначально предполагает, что вы разместите приложение в корне домена, поэтому когда вы переходите по ссылкам, вас маршурутизирует на 404 github. Убедитесь, что вы сделали все верно и все заработает.

→ Ссылка
Автор решения: Ilia Safin

Все, разобрался! Дело и было как раз в publicPath, сайт пытался взять контент из папок css и js в корне сайта, а для gh pages нужно добавить еще название репозитория. Добавил его в publicPath и все заработало!

→ Ссылка