将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页面中运行？

我正在使用vuejs2and 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页面。您应该按预期看到应用程序呈现。