Kubernetes集群二进制部署（四）——部署k8s网站web页面

### Gitee CI/CD Pipeline for Vue Project Deployment #### 配置 `.gitlab-ci.yml` 文件实现自动化部署 对于在Gitee上的Vue项目，配置CI/CD流水线的关键在于编写`.gitlab-ci.yml`文件。此文件定义了不同阶段的任务，包括构建、测试以及最终的部署操作[^1]。 ```yaml image: node:lts stages: - build - deploy cache: paths: - node_modules/ build_vue_project: stage: build script: - npm install - npm run build artifacts: paths: - dist/ deploy_to_production: stage: deploy only: - master script: - echo "Deploying to production..." - 'curl -H "Authorization: Bearer $TOKEN" -F file=@dist/index.html https://your-server.com/upload' ``` 上述脚本展示了如何通过NPM安装依赖并打包Vue应用，在成功完成后会触发部署动作。这里假设有一个API端点用于上传编译后的HTML文件作为示例[^4]。 #### 使用 Jenkins-Pipeline 自动化部署至 Kubernetes (K8S) 另一种方法是借助Jenkins管道工具配合Docker镜像完成更复杂的场景——比如将应用程序容器化并通过Kubernetes集群管理服务实例。为此需准备一个适合前端应用的基础NGINX Dockerfile： ```dockerfile FROM nginx RUN rm -rf /usr/share/nginx/html/* COPY ./dist /usr/share/nginx/html EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] ``` 接着可以在Jenkins中创建一个多分支Pipeline工程，并指定其读取位于仓库根目录下的`Jenkinsfile`来进行持续集成工作流控制[^5]。 #### 构建多层架构优化性能 考虑到生产环境中的效率问题，可以采用分层方式制作Docker镜像以减少体积和加速传输速度。下面是一个针对Java项目的例子，虽然适用于不同的编程语言和技术栈，但概念相同：先在一个临时环境中编译源码生成可执行包；再切换到精简版运行时映像里加载该二进制文件[^3]。 ```dockerfile # Build Stage FROM maven AS builder WORKDIR /app COPY pom.xml . COPY src ./src RUN mvn clean package -DskipTests # Final Stage FROM openjdk:alpine WORKDIR /app COPY --from=builder /app/target/*.jar app.jar ENTRYPOINT ["java","-jar","/app/app.jar"] ``` 尽管这段代码片段主要面向后端开发人员，但对于任何类型的Web应用来说都是有价值的实践指南。