gitlab ci/cd 前端自动化部署

忘是亡心i 2023-03-01 10:19 160阅读 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 条评论，160人围观）

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

相关阅读

相关 gitlab ci/cd自动化部署流程

环境安装 nginx安装（这里不做讲述） git安装 gitlab安装 gitlab-runner > nginx默认指向/gitci/ci/d

缺乏、安全感/ 2022年12月26日 08:13/ 0 赞/ 290 阅读

相关 Jenkins+GitLab自动化部署

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

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

相关 gitlab CICD

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

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

相关 Jenkins + GitLab 自动化构建部署项目

在测试环境部署这块, 经历过以下几个阶段: 阶段一有一台测试服务器把项目放上面测试, 当初也没有什么相关的经验, 每次改完代码本地打包上传到服务器上

Dear 丶/ 2022年12月04日 07:56/ 0 赞/ 489 阅读

相关 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 赞/ 249 阅读

相关 Jenkins + gitlab 自动化部署

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

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

相关前端自动化部署

前景提要: 假设某个项目涉及到三个及以上的project.每个project有自己的版本,众多的开发者共同在开发.那么,如何能做到不同project之间发布的时候做到同步且

朴灿烈づ我的快乐病毒、/ 2022年05月17日 00:12/ 0 赞/ 402 阅读

相关 jenkins+gitlab自动化部署

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

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