feat(docker): add flask build mode support and port configuration

This commit is contained in:
2025-10-27 14:56:13 +08:00
parent 46cc8a254a
commit 24ceec5cc3
4 changed files with 31 additions and 6 deletions

6
.env.flask Normal file
View File

@@ -0,0 +1,6 @@
# Flask 后台服务配置
VITE_API_BASE_URL = http://150.158.121.95
VITE_RSA_PUBLIC_KEY="-----BEGIN PUBLIC KEY-----
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEArq9XTUSeYr2+N1h3Afl/z8Dse/2yD0ZGrKwx+EEEcdsBLca9Ynmx3nIB5obmLlSfmskLpBo0UACBmB5rEjBp2Q2f3AG3Hjd4B+gNCG6BDaawuDlgANIhGnaTLrIqWrrcm4EMzJOnAOI1fgzJRsOOUEfaS318Eq9OVO3apEyCCt0lOQK6PuksduOjVxtltDav+guVAA068NrPYmRNabVKRNLJpL8w4D44sfth5RvZ3q9t+6RTArpEtc5sh5ChzvqPOzKGMXW83C95TxmXqpbK6olN4RevSfVjEAgCydH6HN6OhtOQEcnrU97r9H0iZOWwbw3pVrZiUkuRD1R56Wzs2wIDAQAB
-----END PUBLIC KEY-----"

View File

@@ -1,4 +1,5 @@
# VITE_API_BASE_URL = http://150.158.121.95
# FastAPI 后台服务配置(默认生产环境)
VITE_API_BASE_URL = http://154.9.253.114:9380
VITE_RSA_PUBLIC_KEY="-----BEGIN PUBLIC KEY-----

View File

@@ -1,6 +1,9 @@
# 多阶段构建 - 构建阶段
FROM node:20-alpine AS builder
# 接受构建参数
ARG BUILD_MODE=production
WORKDIR /app
# 复制包管理文件
@@ -12,16 +15,30 @@ RUN npm install -g pnpm && pnpm install
# 复制源代码
COPY . .
# 构建生产版本
RUN pnpm build
# 根据构建模式复制对应的环境文件
RUN if [ "$BUILD_MODE" = "flask" ]; then \
cp .env.flask .env; \
else \
cp .env.production .env; \
fi
# 根据构建模式执行对应的构建命令
RUN if [ "$BUILD_MODE" = "flask" ]; then \
pnpm build:flask; \
else \
pnpm build; \
fi
# 生产阶段 - nginx
FROM nginx:alpine AS production
# 接受端口参数默认为5173
ARG PORT=5173
# 复制自定义 nginx 配置
COPY <<EOF /etc/nginx/conf.d/default.conf
RUN cat > /etc/nginx/conf.d/default.conf << EOF
server {
listen 5173;
listen ${PORT};
server_name localhost;
root /usr/share/nginx/html;
index index.html;
@@ -53,8 +70,8 @@ EOF
# 从构建阶段复制构建产物
COPY --from=builder /app/dist /usr/share/nginx/html
# 暴露端口
EXPOSE 5173
# 暴露端口(使用构建时指定的端口)
EXPOSE ${PORT}
# 启动 nginx
CMD ["nginx", "-g", "daemon off;"]

View File

@@ -6,6 +6,7 @@
"scripts": {
"dev": "vite",
"build": "tsc -b && vite build",
"build:flask": "tsc -b && vite build --mode flask",
"lint": "eslint .",
"preview": "vite preview"
},