Как загрузить проект на vue на GitHub Pages?

Question

[Sector567]

В документации https://cli.vuejs.org/ru/guide/deployment.html#git... все останавливается на создании файла deploy.sh. Я так и сделал, но все безрезультатно.
На стороннем сайте говорится, что данный файл нужно запустить при помощи команды bash deploy.sh, но что делать если у тебя windows?

Answer 1

[deepblack]

но что делать если у тебя windows?

1. Сделать это ручками в консоли (примерно так):

npm run build
cd dist
git init
git add -A
git commit -m 'deploy'
git push

2. Поставить дистрибутив на базе Linux, тем самым упростив себе работу (но это не точно)

3. Использовать WSL

Comments

[Sector567]

Первый вариант не работает

[deepblack]

Sector567, что именно? Какая ошибка?

[Sector567]

Andrew D., Выложил стандартный проект от vue cli на git pages, ошибка 404 в консоле браузера.

Failed to load resource: the server responded with a status of 404
Failed to load resource: the server responded with a status of 404
Failed to load resource: the server responded with a status of 404
Failed to load resource: the server responded with a status of 404

[deepblack]

Sector567, ссылки на статику неправильные , скорее всего.
Дай Линк на репо

[Sector567]

Andrew D.,
https://github.com/Icatx/anotherwebsite

А это сама страница git pages
https://icatx.github.io/anotherwebsite/

[deepblack]

Sector567, У тебя пути относительные.

https://icatx.github.io/anotherwebsite/anotherwebsite/js/chunk-vendors.f0b6743d.js

А должно быть вот так:

https://icatx.github.io/anotherwebsite/js/chunk-vendors.f0b6743d.js

Пути надо поправить для всей статики .

[Sector567]

Andrew D., большое спасибо, все получилось!!!

Answer 2

[WinPooh32]

Варианты решения проблемы:
1) Установить bash, например, через wsl в win 10. Или установить полноценный набор unix-утилит.
2) Избавить себя от подобного мазахизма и работать под линуксом или маком, т.к. большая часть утилит в первую очередь затачиваются под них.
3) переписать скрипт под виндовый шелл или вызывать эти команды вручную, если вам нужен bitbucket, конечно все эти утилиты должны быть установлены:

# сборка
npm run build

# переход в каталог итоговой сборки
cd dist

git init
git add -A
git commit -m 'deploy'

git push -f [e-mail]:<USERNAME>/<USERNAME>.bitbucket.io.git master

Comments

[Sector567]

третий вариант не работает

[WinPooh32]

Sector567, эти утилиты должны быть установлены

[Sector567]

WinPooh32, извините, не совсем понял какие утилиты?