添加 CI/CD 构建配置与部署文件

- deploy/Dockerfile:多阶段构建,node:24-alpine(阿里镜像)构建
  dist,nginx:alpine 作为成品镜像;构建上下文为仓库根目录
- deploy/nginx.conf:Vue Router history 模式 SPA 配置,含 gzip
  压缩和 /assets/ 长期缓存
- deploy/compose.yaml:以 zhican-admin:latest 启动服务,对外暴露
  12801 端口
- .teamcity/pipeline.yaml:main 分支触发,build/deploy 独立 step

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
SkyJourney
2026-04-08 17:36:10 +08:00
co-authored by Claude Sonnet 4.6
parent c8a18c9ec3
commit a6afbcffeb
4 changed files with 107 additions and 0 deletions
+25
View File
@@ -0,0 +1,25 @@
name: zhican-admin
on:
push:
branches:
- main
jobs:
build:
name: 构建 Docker 镜像
steps:
- name: Docker Build
script: |
docker build \
-f deploy/Dockerfile \
-t zhican-admin:latest \
.
deploy:
name: 启动服务
needs: build
steps:
- name: Compose Up
script: |
docker compose -f deploy/compose.yaml up -d
+42
View File
@@ -0,0 +1,42 @@
# 构建上下文为仓库根目录
# docker build -f deploy/Dockerfile -t zhican-admin:latest .
# ────────────────────────────────────────────
# Stage 1: 构建阶段
# ────────────────────────────────────────────
FROM node:24-alpine AS builder
WORKDIR /app
# 配置阿里 npm 镜像,加速依赖安装
RUN npm config set registry https://registry.npmmirror.com
# 安装 pnpm 并配置镜像
RUN npm install -g pnpm && pnpm config set registry https://registry.npmmirror.com
# 优先复制依赖描述文件,利用 Docker 层缓存
COPY zhican/admin/package.json zhican/admin/pnpm-lock.yaml ./
RUN pnpm install --frozen-lockfile
# 复制源码并构建
COPY zhican/admin/ .
RUN pnpm run build
# ────────────────────────────────────────────
# Stage 2: 成品阶段
# ────────────────────────────────────────────
FROM nginx:alpine AS runner
# 移除默认站点配置
RUN rm /etc/nginx/conf.d/default.conf
# 注入自定义 nginx 配置
COPY deploy/nginx.conf /etc/nginx/conf.d/zhican-admin.conf
# 拷贝构建产物
COPY --from=builder /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
+6
View File
@@ -0,0 +1,6 @@
services:
admin:
image: zhican-admin:latest
ports:
- "12801:80"
restart: unless-stopped
+34
View File
@@ -0,0 +1,34 @@
server {
listen 80;
server_name _;
root /usr/share/nginx/html;
index index.html;
# Vue Router history 模式:所有未匹配的路径回落到 index.html
location / {
try_files $uri $uri/ /index.html;
}
# Vite 构建产物带 hash,可安全设置长期缓存
location /assets/ {
expires 1y;
add_header Cache-Control "public, immutable";
}
# gzip 压缩
gzip on;
gzip_min_length 1024;
gzip_comp_level 6;
gzip_types
text/plain
text/css
text/javascript
application/javascript
application/json
application/xml
image/svg+xml;
# 基础安全头
add_header X-Content-Type-Options "nosniff";
add_header X-Frame-Options "SAMEORIGIN";
}