Question

我构建了Vue.js Vuex用户界面。它运行完美（在我的笔记本电脑上）。我想将其部署在Gitlab页面上。

我使用了描述为here的文件（除了我升级了Node.js版本）：

xact_commit

该作业被标记为在管道上成功运行。但是，当我单击页面URL时，会收到404 HTTP错误代码。

我想念什么？

Answer 1

当我尝试将Vue.js应用程序部署到Gitlab页面时，我遇到了类似的问题。经过数周的反复试验，我终于可以使用它了。

看到上面的脚本，就可以构建应用程序，对其进行单元测试，然后尝试将其部署到外部服务器上。如果您在Gitlab页面中也需要它，则必须使用pages作业。

这是我的pages工作，用于将vue.js应用程序部署到Gitlab页面：

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

希望这就是您想要的。

Answer 2

您可以在没有管道的情况下进行部署。为了使其正常工作，您必须首先构建用于生产的应用程序。如果您使用过Vue cli，则可以通过调用build命令来完成。例如 npm运行构建

这将在您的资产生成一个dist文件夹。这就是您要推送到存储库中的内容。例如，查看我的存储库。 https://github.com/DanijelH/danijelh.github.io 这是页面 https://danijelh.github.io/

Vue.js应用程序无法在Gitlab页面上运行

2 个答案: