97 lines
3.2 KiB
Docker
97 lines
3.2 KiB
Docker
|
# =============================================================
|
|||
|
|
# 寄卖商城 用户端 H5 （uni-app）
|
|||
|
|
# build context = single-shop-22/single_uniapp22miao
|
|||
|
|
# 多阶段： Node 构建 H5 -> Nginx 运行
|
|||
|
|
# 通过 ARG H5_API_DOMAIN 注入 API 域名（留空走同域 /api/）
|
|||
|
|
#
|
|||
|
|
# 直接复用源码已构建产物： 用 --target=fast 构建
|
|||
|
|
# =============================================================
|
|||
|
|
# syntax=docker/dockerfile:1.6
|
|||
|
|
|
|||
|
|
# ---------- 构建阶段 ----------
|
|||
|
|
FROM node:16-alpine AS builder
|
|||
|
|
ARG H5_API_DOMAIN=""
|
|||
|
|
ENV NODE_OPTIONS=--openssl-legacy-provider \
|
|||
|
|
NPM_CONFIG_REGISTRY=https://registry.npmmirror.com
|
|||
|
|
|
|||
|
|
WORKDIR /app
|
|||
|
|
COPY package.json package-lock.json* ./
|
|||
|
|
RUN npm install --legacy-peer-deps
|
|||
|
|
|
|||
|
|
COPY . .
|
|||
|
|
|
|||
|
|
# 重写 config/app.js 中的 domain
|
|||
|
|
# 留空时使用同域： let domain = ''
|
|||
|
|
RUN sed -i -E "s|^let[[:space:]]+domain[[:space:]]*=.*|let domain = '${H5_API_DOMAIN}'|" config/app.js \
|
|||
|
|
&& sed -i -E "s|HTTP_H5_URL:[[:space:]]*'[^']*'|HTTP_H5_URL: '${H5_API_DOMAIN}'|" config/app.js \
|
|||
|
|
&& cat config/app.js
|
|||
|
|
|
|||
|
|
RUN npm run build:h5
|
|||
|
|
|
|||
|
|
# uni-app 默认产物路径
|
|||
|
|
# unpackage/dist/build/h5 （Vue CLI Plugin uni 旧版： unpackage/dist/build/web）
|
|||
|
|
|
|||
|
|
# ---------- 运行阶段 ----------
|
|||
|
|
FROM nginx:1.25-alpine AS runtime
|
|||
|
|
ENV TZ=Asia/Shanghai
|
|||
|
|
RUN apk add --no-cache tzdata \
|
|||
|
|
&& cp /usr/share/zoneinfo/$TZ /etc/localtime \
|
|||
|
|
&& echo $TZ > /etc/timezone
|
|||
|
|
|
|||
|
|
COPY --from=builder /app/unpackage/dist/build/ /tmp/h5build/
|
|||
|
|
# 兼容两种输出目录名 h5/ 或 web/
|
|||
|
|
RUN if [ -d /tmp/h5build/h5 ]; then cp -r /tmp/h5build/h5/. /usr/share/nginx/html/; \
|
|||
|
|
elif [ -d /tmp/h5build/web ]; then cp -r /tmp/h5build/web/. /usr/share/nginx/html/; \
|
|||
|
|
else echo "未找到 h5 / web 产物"; exit 1; fi \
|
|||
|
|
&& rm -rf /tmp/h5build
|
|||
|
|
|
|||
|
|
RUN cat > /etc/nginx/conf.d/default.conf <<'NGX'
|
|||
|
|
server {
|
|||
|
|
listen 80;
|
|||
|
|
server_name _;
|
|||
|
|
root /usr/share/nginx/html;
|
|||
|
|
index index.html;
|
|||
|
|
client_max_body_size 50m;
|
|||
|
|
add_header X-Frame-Options SAMEORIGIN always;
|
|||
|
|
|
|||
|
|
location ~* \.(?:js|css|png|jpg|jpeg|gif|svg|woff2?|ttf|map)$ {
|
|||
|
|
expires 30d;
|
|||
|
|
add_header Cache-Control "public, max-age=2592000, immutable";
|
|||
|
|
try_files $uri =404;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
location /api/ {
|
|||
|
|
proxy_pass http://single-front-api:30031/api/;
|
|||
|
|
proxy_http_version 1.1;
|
|||
|
|
proxy_set_header Host $host;
|
|||
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|||
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|||
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|||
|
|
proxy_read_timeout 120s;
|
|||
|
|
client_max_body_size 50m;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
location / {
|
|||
|
|
try_files $uri $uri/ /index.html;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
NGX
|
|||
|
|
|
|||
|
|
EXPOSE 80
|
|||
|
|
|
|||
|
|
# ---------- 备选： 直接复用源码已构建的 unpackage/dist/build/h5 ----------
|
|||
|
|
# 构建： docker compose build --target fast single-h5
|
|||
|
|
FROM nginx:1.25-alpine AS fast
|
|||
|
|
ENV TZ=Asia/Shanghai
|
|||
|
|
RUN apk add --no-cache tzdata \
|
|||
|
|
&& cp /usr/share/zoneinfo/$TZ /etc/localtime \
|
|||
|
|
&& echo $TZ > /etc/timezone
|
|||
|
|
|
|||
|
|
COPY unpackage/dist/build/ /tmp/h5build/
|
|||
|
|
RUN if [ -d /tmp/h5build/h5 ]; then cp -r /tmp/h5build/h5/. /usr/share/nginx/html/; \
|
|||
|
|
elif [ -d /tmp/h5build/web ]; then cp -r /tmp/h5build/web/. /usr/share/nginx/html/; \
|
|||
|
|
else echo "未找到 h5 / web 产物"; exit 1; fi \
|
|||
|
|
&& rm -rf /tmp/h5build
|
|||
|
|
COPY --from=runtime /etc/nginx/conf.d/default.conf /etc/nginx/conf.d/default.conf
|
|||
|
|
EXPOSE 80
|