前后台分离打包部署项目（热）

前后台分离的项目:项目演示地址：https://github.com/haijiao12138/houyuanbo.niua.git

一：前台打包部署到服务器：

改动api.js，在api.js中定义baseUrl，映射后台的请求地址；在前台vue中也要写入对应的请求头： 

BaseUrl中的ip地址是自己服务器的地址，后面的8080端口是映射后台的端口；

普通的前台文件中加入请求头：

 前台进入easy-backend-ui>文件下使用npm run build命令打包前台文件，会生成到dist文件下:

 

在dist文件下定义文件夹WEB-INF，定义新文件web.xml，新文件中代码如下：固定格式代码：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
           http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  version="3.1" metadata-complete="true">
  <display-name>Router for Tomcat</display-name>
  <error-page>
    <error-code>404</error-code>
    <location>/index.html</location>
  </error-page>
</web-app>

现在目录如下所示：

 

 在自己的服务器下将这些包放到Tomcat的ROOT文件下：下面是利用xftp查看所示：

前台部署完后，在tomcat的web文件下的bin文件下，使用如下两个命令进行tomcat的关闭和重启

./shutdown.sh   --关闭tomcat
./startup.sh    --开启tomcat服务器

 二：后台打包上传到服务器并启动

自己定义线上的数据库和用户名和密码

 现在响应前台的端口，修改为后台的端口是8080：

修改完毕，使用clean命令先清楚缓存，再进行打jar包的操作；

 

 打包完毕：

 将jar包放到服务器的新定义的包中：

刚开始是niua.jar包，现在使用命令运行jar包，命令如下：

nohup java -jar niua.jar&    --启动
tail -f   nohup.out           --查看日志
ps -aux|grep java             --查看进程
     

 启动成功后，进行访问：如下所示：

 

到现在，部署完成！