vuejs2 - 即使部署成功，也将 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 页面。您应该看到应用程序按预期呈现。