spring boot + vue前后台分离项目部署

部署环境centos 7.6

环境准备

安装jre1.8，准备好要部署的包：前端打包后的dist文件夹，前端服务器nginx，后端使用spring boot打包好的jar包

• 前端vue项目

使用idea的npm工具 双击 build 后,项目的根路径下会生成 dist文件夹

前端代码打包完成。

然后将dist文件夹考备到 linux服务器的 /opt/datanet/ 下

• 安装nginx

linux安装nginx还是有点麻烦的，有两种方式

第一种是安装nginx rpm包，这种比较简单，尤其是离线环境下

下载地址：http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.16.1-1.el7.ngx.x86_64.rpm

然后运行命令 ： rpm -ivh nginx-1.16.1-1.el7.ngx.x86_64.rpm

nginx的几个默认目录

输入命令: whereis nginx

nginx: /usr/sbin/nginx /etc/nginx /usr/share/nginx

1) 配置所在目录：/etc/nginx/

2) PID目录：/var/run/nginx.pid

3) 错误日志：/var/log/nginx/error.log

4) 访问日志：/var/log/nginx/access.log

5) 默认站点目录：/usr/share/nginx/html

第二种使用源码包，比较麻烦，需要安装gcc，g++，zlib，openssl，pcre 

nginx下载地址：http://nginx.org/download/nginx-1.17.3.tar.gz

这边整理了需要的依赖：https://download.csdn.net/download/wocaishiryr/11603287

这个是我试过比较靠谱的安装教程：https://segmentfault.com/a/1190000012435644

自己下载环境的时候注意，下载最新的 https://ftp.pcre.org/pub/pcre/pcre2-10.32.tar.gz 会安装失败， 然后换为 pcre-8.43安转成功

将之前打包好的dist文件夹放到nginx的根目录下

打开nginx的配置文件 ngnix.conf

修改root改为dist的路径，我这边是将dist放到了nginx的根目录下，所以直接配置成了相对路径dist，也可以写绝对路径

前端访问后端接口问题 :

在开发环境中，和后台对接为了解决跨域问题，使用了代理，也就是vue的proxyTable，但是打包放到生产环境中去时，接口请求不到，404，原因是开发环境的代理并不能用到生产环境.

所以在nginx中要加入后台服务的代理配置

location /apis {
            add_header Cache-Control no-cache;
            proxy_set_header   Host local.baidu.com;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_pass         http://localhost:8080/;
            proxy_connect_timeout 30s;
}

这边的proxy_pass就是你的后台jar包的服务地址，/apis是前端的要代理的路径，就是vue.config.js中的配置

我这边是在同一个服务器上,所以就直接使用localhost

• 后端spring boot项目打包

使用maven命令直接打包,打包前注意修改好端口和生产环境数据库配置

mvn clean package

我是使用idea的maven插件

依次双击

然后控制台会输出 BUILD SUCCESS,说明打包成功

打好的包在target下 xxx.jar

然后上传到服务器上

• 启动服务

运行命令java -jar(需要安装jre或jdk环境，服务器上仅安装jre就可以了)

我一般使用后台启动方式：nohup java -server -Xms128m -Xmx512m -jar xxx.jar > xxx.log 2>&1 &

进入nginx安装路径下执行 ./nginx

注意配置防火墙！！！

• 访问服务 我的nginx是用的9000端口 

http://localhost:9000