将springboot、vue前后端分离的项目部署到docker上

继上篇项目，记录一下在学习部署项目时的过程。
首先，将前端vue项目进行打包：
打包操作如下：在项目对应目录下输入npm run build

打包完成后，项目目录中会多了一个dist文件夹，如下：

后端部分，编写DockerFile文件和docker-compose.yml文件。
打开IDEA，创建DockerFile文件，其内容如下：

FROM java:8

EXPOSE 8888

ADD music_sys-0.0.1-SNAPSHOT.jar app.jar
RUN bash -c 'touch /app.jar'

ENTRYPOINT ["java", "-jar", "/app.jar"]

然后编写docker-compose.yml文件，内容如下：

version: '3'

services:
  nginx_client: # 服务名称
    image: nginx:latest
    ports