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页面。您应该会按预期看到该应用的呈现。

即使部署成功，也将Vue.js应用程序部署到gitlab页面上，什么也没显示

1 个答案: