使用 1panel面板 部署 springboot 和 vue

1Panel 是一个基于 Docker 的服务器管理面板，可以帮助用户快速部署和管理服务器环境。要使用 1Panel 面板来部署 Spring Boot 和 Vue.js 应用，你需要创建两个不同的 Docker 容器，一个用于 Spring Boot 后端服务，另一个用于 Vue.js 前端服务。

以下是一个简单的示例，展示如何使用 Dockerfile 来构建 Spring Boot 和 Vue.js 应用的 Docker 镜像，并在 1Panel 上部署。

Spring Boot 的 Dockerfile

FROM openjdk:8-jdk-alpine
VOLUME /tmp
ADD target/spring-boot-application.jar app.jar
EXPOSE 8080
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"]

Vue.js 的 Dockerfile

FROM node:12
WORKDIR /app
COPY . /app
RUN npm install
RUN npm run build
FROM nginx:alpine
COPY --from=0 /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

在 1Panel 上，你需要创建两个服务，分别用于部署 Spring Boot 和 Vue.js 应用。为每个服务指定 Dockerfile 路径，并设置合适的端口。1Panel 会自动构建 Docker 镜像并运行容器。

记得在 Vue.js 的 npm run build 命令执行后，将 dist 目录中的内容复制到 Nginx 镜像中的相应位置，因为这个目录包含了编译后的静态文件。

以上是部署 Spring Boot 和 Vue.js 应用的一个基本示例。在实际部署中，你可能需要进行额外配置，比如环境变量、数据库连接、安全设置等。