Merge pull request #39 from LOG1997/feature-docker

feat: 增加docker支持。

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.github/workflows/node.js.yml

@@ -17,7 +17,7 @@ jobs:
       contents: read
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

Dockerfile

@@ -0,0 +1,37 @@
+# 使用官方的 Node 镜像作为基础镜像
+FROM node:20.12.2
+
+# 设置工作目录
+WORKDIR /usr/src/app
+
+# 将本地的 Vite 项目文件复制到工作目录
+COPY . .
+
+# 安装依赖
+
+RUN npm install pnpm -g
+
+RUN pnpm install
+
+# 执行 Vite 构建命令，生成 dist 目录
+RUN pnpm build
+
+# 使用 Nginx 镜像作为运行时镜像
+FROM nginx:1.26
+
+# 修改nginx配置
+# 向 #error_page 前添加内容
+# location /log-lottery {
+#           alias /usr/share/nginx/log-lottery;
+#           index index.html index.htm;
+#           try_files $uri $uri/ /log-lottery/index.html;
+#         }
+RUN sed -i 's/#error_page/location \/log-lottery {\n          alias \/usr\/share\/nginx\/log-lottery;\n          index index.html index.htm;\n          try_files $uri $uri\/ \/log-lottery\/index.html;\n        }\n#error_page/' /etc/nginx/conf.d/default.conf
+
+# 将 Vite 项目的 dist 目录复制到 Nginx 的默认静态文件目录
+COPY --from=0 /usr/src/app/dist /usr/share/nginx/log-lottery
+
+# 暴露容器的 80 端口
+EXPOSE 80
+
+# Nginx 会在容器启动时自动运行，无需手动设置 CMD

README.md

@@ -146,6 +146,22 @@ npm run build:file
 
 > 项目思路来源于 <https://github.com/moshang-xc/lottery>
 
+## Docker支持
+
+构建镜像
+
+```bash
+docker build -t log-lottery .
+```
+
+运行容器
+
+```bash
+docker run -d -p 9279:80 log-lottery
+```
+
+容器运行成功后即可在本地通过<http://localhost:9279/log-lottery/>访问
+
 ## License
 
 [MIT](http://opensource.org/licenses/MIT)