将 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

我尝试从 /dist 文件夹中在 npm run build 之后在本地提供页面，并且一切正常。我不确定我在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 页面。您应该会按预期看到应用呈现。

将 Vue.js 应用程序部署到 gitlab 页面，即使部署成功也没有任何显示

Deploy Vue.js application to gitlab pages even though deployment is successful nothing is displayed

gitlab

gitlab-ci-runner

vuejs2

vue-cli-3