在linux中部署SpringBoot+Vue前后端分离应用

最近有任务需求自己在linux中通过docker虚拟环境的方式部署了SpringBoot和Vue前后端分离的项目现在做点总结给需要的小伙伴分享。不足之处多多指正。

关于在linux中安装docker可以查看博主前几篇博客按照步骤进行安装然后再linux中安装相应的jdk这一步就不在叙述。

对于springboot后端程序需要通过IDEA命令进行打包

mvn clean package -Dmaven.test.skip=true     //先清除一下
mvn package Dmven.test.skip=true    //打包

打包结束后就能在项目中的target文件夹中出现相应的jar包如下图所示

将第一个jar包拷贝到服务器中的任意文件夹中我这里是/proc文件夹。

然后通过命令:

java -jar XXXXX.jar

(xxxxx.jar换成具体的jar包名字)来测试jar包是否可以正常启动。可以正常启动后关闭窗口下面采用后台启动的方式进行启动

nohup java -jar XXXXXXX.jar > nohup.out &

通过ps aux|grep xxx.jar命令来查看jar包的相关进程当看到该jar包的进程启动无误后就可以在当前目录中看到nohub.out的jar包日志文件。至此springboot后端程序已经完全启动了。

下面部署前端vue应用vue应用将在docker中进行部署。

拉取nginx的docker环境

docker pull nginx

启动该nginx镜像

docker run --name Nginx -p 80:80 -v /home/nginx/dist:/usr/share/nginx/html  -d nginx
## --name容器名字
## -d: 要启动的镜像的名字
## -v: /home/nginx/dist 这是宿主机(服务器)中的目录映射到nignx容器中的/usr/share/nginx/html中;

将宿主机中的文件拷贝到物理机中保持映射的文件夹一致

docker cp 容器id:/etc/nginx /home/etc

    其次停止并删除该容器

docker stop 容器id
docker rm 容器id

重启镜像并将虚拟环境和物理环境中的文件夹相互映射

docker run --name myNginx -p 80:80  -v /home/nginx/dist:/usr/share/nginx/html -v /home/etc/nginx:/etc/nginx -d  nginx

至此nginx已经启动进入nginx虚拟环境。后面只需要将文件拷到物理机中/home/nginx/dist文件夹下虚拟环境中的/usr/share/nginx/html就会出现对应的文件。

通过相关命令安装工具

apt-get update
apt-get upgrade  //更新docker环境
apt-get install openssh-server //安装openssh
apt-get install vim  //安装vim编译器

进入nginx文件夹/etc/nginx下通过vim nginx.conf  打开nginx.conf文件进行相关配置

server {
        listen       7070;             //端口号
        server_name  xxxxxxxxx;   //服务器地址

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /opt/project/vue/;         //前端安装的路径
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

配置结束后进入nginx启动目录下通过一下命令启动nginx:

./nginx -t   //查看配置信息是否正确
./nginx -s reload   //重新启动

启动后通过本地网页就可以通过服务器的IP地址+端口号进行访问了。