将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页面。您应该会看到应用程序呈现与预期一样。