docker desktop部署前端静态资源

要在 Docker Desktop 中部署前端静态资源，你可以按照以下步骤进行操作：

1. 创建 Dockerfile：在项目根目录下创建一个名为 Dockerfile 的文件，并添加以下内容：

   # 使用一个基础镜像
   FROM nginx

   # 删除默认的 Nginx 配置文件
   RUN rm /etc/nginx/conf.d/default.conf

   # 将本地的静态资源复制到容器中的指定目录
   COPY ./dist /usr/share/nginx/html

   # 暴露 Nginx 默认的 HTTP 端口
   EXPOSE 80

   # 启动 Nginx 服务
   CMD ["nginx", "-g", "daemon off;"]

2. 构建 Docker 镜像：在终端中进入项目根目录，并执行以下命令构建 Docker 镜像：

   docker build -t frontend-app .

3. 运行 Docker 容器：执行以下命令运行 Docker 容器，并将容器的 80 端口映射到本地的某个端口（例如 8080）：

   docker run -d -p 8080:80 frontend-app

4. 访问前端应用：在浏览器中访问 `http://localhost:8080`，就可以查看部署在 Docker 容器中的前端静态资源了。

请确保你的前端静态资源已经打包并放置在项目根目录下的 `dist` 目录中。你可以根据实际情况调整 Dockerfile 中的路径和端口映射。

希望对你有所帮助！如有任何疑问，请随时提问。