springboot vue 打包分离部署

前情摘要：

开发工具：idea，就先这样吧

一、SpringBoot 打包与部署

 

1、打包 

//命令打包（-Dmaven.test.skip=true 跳过测试）

mvn clean package -Dmaven.test.skip=true

//idea不知道在哪输入命令？下边有张图

搞定之后如图，绿色反正比红色好看

看向你目录的target，对对对，就是它了 

 至于怎么把jar扔到你服务器去，还请移驾。。。。。。

打成jar包还能用 maven的clean+jar，但是需要稍微微的配置一丢丢东西，反正我不用就不赘述了

2、部署 

上传到Linux操作系统

上传方式很多种，我使用的是lrzsz + Xshell 上传

#上传命令

rz

#启动命令 

nohup java -jar xxxx.jar >/dev/null 2>&1 &

命令一敲，一回车，啥也没有，这就对了，再随便敲一下又会出来个exit啥的，不用管它

ps -ef

自个去看一下启动了没，如果还是没有启动就是你环境配置有问题了，不管你认不认，我反正就这么认为

如果想了解清楚一点，还请自行百度下为什么要用nohup，/dev/null，2>&1，&

二、vue打包与部署

 

1、打包

//打包命令

npm run build

你可以在cmd里边切换到你项目那输入，也可以直接在idea里输入，输入位置如第一张截图所示（你高兴就好）

vue的打包后的文件放在dist目录下（这目录是你自个在vue.config.js里边配置的 outputDir:'dist'）

2、部署 

nginx，对，就是它，别提tomcat了，我不想(hui)

先装一个nginx，版本你看着办，我是捡新的来，一般比最新的低一两个版本就行

我拿window下的nginx的举栗子，配置文件，只改动了server这部分

server {
        listen       9527;
		
		#前端所在服务器的地址，不是localhost，而是正儿八经的地址
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

		#这一块我没动它，需要的同志可以把root指向你项目的位置，可以方便部署
        location / {
            root   html;
            index  index.html index.htm;
        }
		
		#后端所在服务器的地址和端口，代理
        location /api {
                proxy_pass http://127.0.0.1:9999/;
        }

把之前打包的文件扔到nginx的html文件夹下，记得先创个名字好听的文件夹，直接扔进去不太礼貌，html文件夹下有两个东西，可以直接删了。如果你配置了location的root就当我没说

在浏览器输入http://前端地址：端口/项目名（反正就是一般的访问流程嘛）

搞定就收工，哪个步骤需要我详细讲的可以留个言，咋们小白相互学习学习，虽然我一般不看留言