Web前端最全Gitlab CI CD 自动化打包部署前端（vue）项目_gitlab部署前端包，2024前端研发必问高级面试题

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整

一直点下一步，直到点击完成。
5.分配镜像


二、Gitlab CI/CD 自动化部署项目
1.配置GitLab CI/CD：

		A.在你的Vue.js项目中，创建一个名为`.gitlab-ci.yml`的文件，放在项目根目录下。

		B.在该文件中定义CI/CD的阶段、作业和脚本。

stages:
  - build
  - deploy

build:
  stage: build
  image: node:14  # 使用Node.js 14.x版本镜像
  script:
    - npm install
    - npm run build
  artifacts:
    paths:
      - dist/

deploy:
  stage: deploy
  script:
    - 'which ssh-agent || ( apk add --update openssh )'  # 安装SSH代理（如果没有的话）
    - eval $(ssh-agent -s)  # 启动SSH代理
    - echo "$SSH\_PRIVATE\_KEY" | tr -d '\r' | ssh-add -  # 添加SSH私钥
    - ssh -o StrictHostKeyChecking=no user@server 'mkdir -p /path/to/deploy'
    - scp -r dist/\* user@server:/path/to/deploy
 only:
 - master #当代码合并到master分支时，该作业才会被执行

#注意：/path/to/deploy这个路径需要给写入文件的权限，否则部署会失败
	sudo chmod o+w /path/to/deploy

2.生成SSH密钥对：
如果尚未生成，请在本地机器上生成一个SSH密钥对：

ssh-keygen -t rsa -b 4096 -f \~/.ssh/id_rsa_vue_deploy

将公钥(\~/.ssh/id_rsa_vue_deploy.pub)添加到服务器的授权密钥中。

3.将SSH私钥添加到GitLab：

进入GitLab中的项目页面。
转到 "设置" > "CI / CD"，展开 "变量" 部分。
添加一个名为 SSH_PRIVATE_KEY 的变量，并将 \~/.ssh/id_rsa_vue_deploy 文件的内容粘贴到值中。

4.更新GitLab CI/CD配置：

更新 .gitlab-ci.yml 文件，引用正确的私钥变量：

deploy:
  stage: deploy
  script:
    - 'which ssh-agent || ( apk add --update openssh )'
    - eval $(ssh-agent -s)
    - echo "$SSH\_PRIVATE\_KEY" | tr -d '\r' | ssh-add -
    - ssh -o StrictHostKeyChecking=no -i \~/.ssh/id_rsa_vue_deploy user@server 'mkdir -p /path/to/deploy'
    - scp -r dist/\* -i \~/.ssh/id\_rsa\_vue\_deploy user@server:/path/to/deploy
 only:
 - master

5.提交和推送更改：

将更改提交到你的项目并推送到GitLab。
现在，每当你将更改推送到 master 分支时，GitLab CI/CD将自动触发构建和部署阶段，将Vue.js项目部署到指定的服务器上。确保根据你的具体服务器详情和要求调整配置。

三、给虚拟机配置ssh服务端
1.虚拟机的网络适配器选择 桥接模式

2.在虚拟机上安装SSH服务器

sudo apt update
sudo apt install openssh-server

3.本地生成SSH密钥对

ssh-keygen

4.本地将公钥(~/.ssh/id_rsa_vue_deploy.pub)添加到服务器的授权密钥中

ssh-copy-id user@server\_ip

5.本地测试SSH连接：

ssh user@server\_ip

6.设置CI/CD变量–值为私钥

四、GitLab Runner安装与注册
1.添加GitLab官方存储库：

curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-runner/script.deb.sh | sudo bash

2.安装GitLab Runner

sudo apt update
sudo apt install gitlab-runner

3.注册Runner

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整