计数器
+ 可组合 +{{ count }}
+diff --git a/vue-ui/Dockerfile b/vue-ui/Dockerfile new file mode 100644 index 0000000..fa7a337 --- /dev/null +++ b/vue-ui/Dockerfile @@ -0,0 +1,28 @@ +# 前端构建阶段 +FROM registry.cn-beijing.aliyuncs.com/yinzy/node:20.11-alpine3.19 AS builder + +WORKDIR /app + +# 先复制依赖声明,利用缓存 +COPY package*.json ./ + +# 使用国内镜像源并安装依赖 +RUN npm config set registry https://registry.npmmirror.com \ + && npm ci --no-audit --no-fund + +# 复制源码并构建 +COPY . . +RUN npm run build + +# 运行阶段,使用独立 nginx 镜像 +FROM registry.cn-beijing.aliyuncs.com/yinzy/nginx:latest AS runtime + +# 清理默认页面 +WORKDIR /usr/share/nginx/html +RUN rm -rf ./* + +# 拷贝构建产物 +COPY --from=builder /app/dist . + +EXPOSE 80 +CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file diff --git a/vue-ui/index.html b/vue-ui/index.html new file mode 100644 index 0000000..7f77e35 --- /dev/null +++ b/vue-ui/index.html @@ -0,0 +1,12 @@ + + +
+ + +Vue 3 + Vite
++ 左边计数器,右边简单待办。直接改这里即可开始玩。 +
+{{ count }}
+暂无任务,添加一个吧!
+