简单的使用docker部署前后端项目(vue+springboot)


部署后端项目

yml文件配置成云服务器环境
使用maven打包项目

得到jar包后 可以吧名字改简单点

云服务器准备好一个文件夹 吧Jar包传上去 这里使用x-shell上传

在使用前需要让docker安装好jdk8的镜像

docker pull java:8

创建Dockerfile文件并编写

FROM java:8

EXPOSE 8180

RUN /bin/cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
RUN echo "Asia/Shanghai" > /etc/timezone

ADD user.jar user.jar

ENTRYPOINT ["java", "-jar", "-Duser.timezone=GMT+08", "/user.jar"]

编写好后输入命令 即可创建镜像

docker build -t userapp .

运行容器:

docker run -d -p 8180:8180 --name userapp userapp

此时后端项目即部署成功 可以通过Postman等工具测试接口访问情况

部署前端vue项目

一样配置改成云服务器环境
最关键的是axios的路径

项目打包

npm run build

打包后得到dist文件夹 改成压缩包上传到云服务器
输入命令解压

unzip ./dist.zip

同样在该路径编写Dockerfile文件

FROM nginx:latest

COPY ./dist /usr/share/nginx/html/

EXPOSE 8080

同样我们需要先在docker安装好nginx的镜像

docker pull nginx:latest

同样输入命令创建镜像

docker build -t userapp-ui .

运行容器 注意端口映射到nginx的80端口

docker run -d -p 8080:80 --name userapp-ui userapp-ui

到此项目部署完毕


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM