簡單的使用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