Docker+nginx部署Springboot+vue

前端打包

npm run build

Docker+nginx部署Springboot+vue_第1张图片

打包出来的dist文件夹内的所有文件都复制到nginx的html中

Docker+nginx部署Springboot+vue_第2张图片

conf.d目录下default.conf文件location /,添加try_files $uri $uri/ /index.html last;

Docker+nginx部署Springboot+vue_第3张图片

启动nginx,然后浏览器输入http://localhost

Docker+nginx部署Springboot+vue_第4张图片

后端打包

启动mysql和redis服务

Docker+nginx部署Springboot+vue_第5张图片

Dockerfile

FROM openjdk:8-jre
EXPOSE 8081

ADD target/vueblog-0.0.1-SNAPSHOT.jar vueblog.jar
RUN bash -c 'touch /vueblog.jar'

ENTRYPOINT ["java", "-jar", "/vueblog.jar", "--spring.profiles.active=pro"]

Docker+nginx部署Springboot+vue_第6张图片

执行前运行命令clean package -U -DskipTests

Docker+nginx部署Springboot+vue_第7张图片

运行

Docker+nginx部署Springboot+vue_第8张图片

刷新http://localhost

Docker+nginx部署Springboot+vue_第9张图片

你可能感兴趣的:(docker,前端,框架,vue,docker,nginx)