springboot+vue部署到阿里云服务器（从零开始到部署完成，包含JDK的安装、Nginx做前端服务器以及Nginx配置、自启、后端项目自启）

由于最近这两天没有什么事情，经理让我把目前正在写的项目（半成品）部署到线上，由于本人还是菜鸟一枚，之前也没接触过，所以也是网上查资料从零开始部署。项目部署起来还是很方便的只需要安装JDK（必须的环境，这个不用多说了吧）和Nginx的安装以及配置文件的配置。

1、安装JDK8

为了省时，我采用的懒人安装法，yum安装。
由于时间原因，就不多做赘述，百度一下一大堆。

2、Nginx安装

采用的weget方式直接下载压缩包，进行解压安装。
安装前需要先安装依赖。

yum -y install pcre* 

yum -y install openssl*

在使用weget之前如果没有提示不是内部的命令，安装weget

yum install weget

然后创建一个跟目录，例如 /usr/local/nginxFile

然后使用weget下载下来（我是用的是1.16.1的版本），如下

weget  http://nginx.org/download/nginx-1.16.1.tar.gz

然后解压缩

tar -zxvf Nginx压缩文件

如果提示tar不是内部的命令 
yum install tar  安装

然后进入加压文件的根目录。

cd nginx-1.16.1

执行编译

./configure（这个是默认安装方式，由于时间原因，后续会给出指定用户以及依赖版本的安装方式）

如果编译失败说明没有编译环境，安装一下

yum -y install gcc make gcc-c++ openssl-devel wget

最后

make
make install

接下来就是配置Nginx的配置文件
（这里博主遇到一个大坑，犯了一个低级错误，并不是说解压之后当前Nginx文件就是编译好的文件，其实编译好的在/usr/local/nginx文件夹下，就这一个小细节，导致我打包好的项目放错位置，然后还检查不出来问题，好几个小时都没解决，/(ㄒoㄒ)/~~）

cd /usr/local/nginx/conf/

# 一般情况下我们都会把原始的配置文件复制一份保存，所以在配置前就先
cp nginx.conf nginx.conf.copy

接下来就可以
vim nginx.conf

配置文件的配置暂时不写，后面有时间写。

假设我们已经配置好，下面就是启动nginx

cd /usr/local/nginx/sbin

#启动命令
./nginx  

查看是否启动成功
 ps -ef | grep nginx
# 停止命令
./nginx -s stop
# 重新加载配置文件命令
./nginx -s reload

启动完成之后，由于是部署在阿里云上，需要把配置的端口开放了，这个由于时间原因，先不写了，就是开放安全组。

接下来开放后，浏览器输入

ip:端口

如果进入到了nginx界面，就代表Nginx安装完成。

3、前端打包部署到Nginx

打包

npm run bulid
如果不行看一下配置文件
也可能是
npm run bulid:prod

打包完成后会生成一个dist文件夹，压缩成压缩文件
上传到/usr/local/nginx/html下，解压缩dist压缩文件。然后再去配置文件中进行配置，注意此时根路径是 html/dist。然后进入到/usr/local/nginx/sbin

./nginx -s reload

然后浏览器

ip:端口号

当进入项目入口界面时代表部署完成

4、后端部署

后端代码需要注意的是，由于是前后端分离部署，后端需要打成jar包，找到父级pom文件，如果时war，修改成jar。
有多种打包方式，我采取的时命令行打包

# 跳过测试类进行打包
mvn clean package -Dmaven.test.skip = true

然后把jar包上传到linux。
随便创建一个文件夹作为根目录

mkdir /usr/local/projec
rz 选择咱们打包好的jar
java -jar jar包

到这后端代码部署完成

如果想要在后台运行（关闭xshell工具或者窗口仍然在后台运行）

unhop java -jar jar包 &

此时没啥问题
就可以正常使用系统了。

5、Nginx开机自启

由于时间原因 星期天找个时间写