我构建了Vue.js Vuex用户界面。它运行完美(在我的笔记本电脑上)。我想将其部署在Gitlab页面上。
我使用了描述为here的文件(除了我升级了Node.js版本):
xact_commit
该作业被标记为在管道上成功运行。但是,当我单击页面URL时,会收到404 HTTP错误代码。
我想念什么?
答案 0 :(得分:2)
当我尝试将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
希望这就是您想要的。
答案 1 :(得分:1)
您可以在没有管道的情况下进行部署。为了使其正常工作,您必须首先构建用于生产的应用程序。如果您使用过Vue cli,则可以通过调用build命令来完成。例如 npm运行构建
这将在您的资产生成一个dist文件夹。这就是您要推送到存储库中的内容。例如,查看我的存储库。 https://github.com/DanijelH/danijelh.github.io 这是页面 https://danijelh.github.io/