Развертывание приложения Vue.js на страницах gitlab, даже если развертывание прошло успешно, ничего не отображается

Question

Я пытаюсь развернуть пример приложения Vue.js на страницах Gitlab, но даже если развертывание прошло успешно, при попытке попасть на обслуживаемый URL ничего не отображается.

Вот мой код развертывания (.gitlab-ci.yml):

pages:
 image: node:latest
 stage: deploy
 script:
  - npm install --progress=false
  - npm run build
  - mkdir .public
  - cp -r dist/* .public
  - mv .public public
 artifacts:
  expire_in: 1 week
  paths:
   - public
 only:
  - master

Я пытался локально обслуживать страницы после npm run build из папки /dist и все работает нормально.Я не уверен, есть ли какие-либо проблемы в моем сценарии развертывания в Gitlab.

Как мне запустить приложение на страницах Gitlab?

Я использую vuejs2 и vue-cli-3 длясвязывание скриптов.

Answer 1

Я выяснил проблему с моим кодом.Папка public содержала дубликаты данных, из-за которых приложение не отображалось должным образом.

Вот рабочая версия сценария развертывания:

pages:
 image: node:latest
 stage: deploy
 script:
  - npm install --progress=false
  - npm run build
  - rm -rf public
  - mkdir public
  - cp -r dist/* public
 artifacts:
  expire_in: 1 week
  paths:
  - public
 only:
  - master

После завершения процесса конвейерного доступастраницы Gitlab вашего хранилища.Вы должны увидеть рендеринг приложения, как и ожидалось.