gitlab ci/cd 前端自动化部署

忘是亡心i 2023-03-01 10:19 162阅读 0赞

### 解释与安装 ###

[https://juejin.im/post/5b03963a51882542821ca56a][https_juejin.im_post_5b03963a51882542821ca56a]

### 注意事项 ###

[https://www.jianshu.com/p/4bbef46a2aaa][https_www.jianshu.com_p_4bbef46a2aaa]

需要的url和token可以从git仓库的 Settings - CI/DI 中的runners找到，描述可以不用写，tags先写“vue-dev-pub”，**executor选择shell**，注册生成后刷新git仓库的Settings页面，可以在Runners下面看到已经注册的runner

### 操作 ###

*  新建 /web/publish文件夹
 *  重启nginx
 *  chmod -R 777 /web（更改权限）

### .gitlab-ci.yml ###

stages:
      - build
    
    cache:
      paths:
        - node_modules/
    
    build:
      stage: build
      image: node:9.4.0
      cache:
        paths:
          - node_modules/
      only:
        - master
      script:
        - npm config set registry https://registry.npm.taobao.org
        - npm install
        - npm run build
        - cp -r dist/* /web/publish/
      tags:
        - vue-dev-pub

### git上传 ###

![加粗样式][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]

[https_juejin.im_post_5b03963a51882542821ca56a]: https://juejin.im/post/5b03963a51882542821ca56a
[https_www.jianshu.com_p_4bbef46a2aaa]: https://www.jianshu.com/p/4bbef46a2aaa
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]: /images/20230209/cf9c4960ec364e45ab5ffd6109c58a43.png

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关前端CICD：VMware（centos8stream）部署gitlab

一、前言明白了CICD的重要性，从gitlab开始吧。本想用阿里云部署gitlab，但操作的时候发现我的服务器配置有些低，不能进行下去，只好打开我许久没有使用的虚拟机V

￡神魔★判官ぃ/ 2024年04月06日 12:01/ 0 赞/ 59 阅读

相关【Gitlab】CICD流水线自动化部署教程

第一步，准备 GitLab 仓库 > 这个不用多说，得先保证你的项目已经托管在一个 GitLab 仓库中。 -------------------- 第二步，定义

分手后的思念是犯贱/ 2024年02月05日 15:00/ 0 赞/ 42 阅读

相关 gitlab ci/cd 前端自动化部署

解释与安装 [https://juejin.im/post/5b03963a51882542821ca56a][https_juejin.im_post_5b03963a

忘是亡心i/ 2023年03月01日 10:19/ 0 赞/ 163 阅读

相关 Jenkins+GitLab自动化部署

文章目录一、安装Jenkins 二、Jenkins配置证书凭据 1.创建账密凭据（GitLab私有项

﹏ヽ暗。殇╰゛Y/ 2022年12月20日 03:04/ 0 赞/ 507 阅读

相关 gitlab CICD

一、前言如果你还不了解 GitLab CI 的话，最好先参考一下这篇博客对 GitLab CI 的简介，链接：https://blog.csdn.net/afei\_

缺乏、安全感/ 2022年12月05日 00:57/ 0 赞/ 214 阅读

相关 Gitlab-ci:从零开始的前端自动化部署

前言本文为首发原创，同时转载至公众号“全栈前端精选“和“广发证券金融科技”中目录一.概念介绍 1.1 gitlab-ci &&

深藏阁楼爱情的钟/ 2022年11月19日 04:24/ 0 赞/ 342 阅读

相关 Gitlab-ci:从零开始的前端自动化部署

点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群 > 关于本文 > > 文章地址：https://zhuanlan.zhihu.com/p/

红太狼/ 2022年10月11日 03:44/ 0 赞/ 303 阅读

相关 gitlab-cicd

文章目录安装gitlab 安装包方式安装 docker方式部署gitlab-ce

快来打我*/ 2022年09月05日 15:44/ 0 赞/ 250 阅读

相关 Jenkins + gitlab 自动化部署

大纲 1. 思路讲解 2. jenkins 安装 3. gitlab 安装 4. jenkins 与 gitlab配置自动化部署 5. 测试 6. 可能存在的

缺乏、安全感/ 2022年05月18日 06:55/ 0 赞/ 434 阅读

相关 jenkins+gitlab自动化部署

本次部署前提 1、搭建好jenkins，搭建文档地址：[https://blog.csdn.net/baidu\_38432732/article/details/80499

不念不忘少年蓝@/ 2022年01月28日 00:39/ 0 赞/ 924 阅读