SpringCloud+vue+element-ui+docker前后端项目实践到部署(六)

使用docker部署前后端项目

ubuntu安装docker

先卸载可能存在的旧版本

sudo apt-get remove docker docker-engine docker-ce docker.io

更新apt包索引

sudo apt-get update

安装以下包以使apt可以通过HTTPS使用存储库

sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common

添加Docker官方的GPG密钥

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

使用下面的命令来设置stable存储库

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

再次更新

sudo apt-get update

安装最新版本的Docker CE

sudo apt-get install -y docker-ce

查看docker状态:

前端vue项目部署

 

npm build 打包项目得到dist文件

rz -y上传dist.zip到服务器

解压dist.zip文件

unzip dist.zip

docker安装nginx镜像

docker pull nginx

编写dockerfile文件

进入dist文件同层目录下

新建default.conf文件

touch default.conf

编辑default.conf

vi default.conf

server {

listen 80;

 

#charset koi8-r;

access_log /var/log/nginx/host.access.log;

 

location / {

root /usr/share/nginx/html;

index index.html index.htm;

try_files $uri $uri/ /index.html;

}

location /api/ {

proxy_pass http://127.0.0.1:9000;

}

#error_page 404 /404.html;

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root /usr/share/nginx/html;

}

}

设置api代理

新建dockerfile,并编辑内容为:

FROM nginx

MAINTAINER LJQ

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

ADD default.conf /etc/nginx/conf.d/

WORKDIR /usr/share/nginx/html

构建vue-demo镜像

docker build -t vue-demo .

基于 vue-demo镜像启动容器

docker run --name vue-demo -p 80:80 -d vue-demo

前端vue项目发布成功

docker部署springboot项目

打包package

上传jar包

拉取openjdk镜像

docker pull openjdk

编写dockerfile,内容为:

FROM openjdk

MAINTAINER LIUJINQUAN

ADD ./eureka-0.0.1-SNAPSHOT.jar app.jar

EXPOSE 8761

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

构建镜像

docker build -t eureka .

基于eureka运行容器

docker run --name eureka -p 8761:8761 -d eureka

测试发布:

docker安装mysql数据库

docker pull mysql

创建容器

docker run --name demo -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 -d mysql

 

SpringCloud+vue+element-ui+docker前后端项目实践到部署(五)

SpringCloud+vue+element-ui+docker前后端项目实践到部署(四)

SpringCloud+vue+element-ui+docker前后端项目实践到部署(三)

SpringCloud+vue+element-ui+docker前后端项目实践到部署(二)

SpringCloud+vue+element-ui+docker前后端项目实践到部署(一)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章