桥东区住房和建设局网站企业建网站方案

前后端分离开发

Yapi

是一个接口结合了接口测试、接口管理的管理平台，需要配置比较麻烦。看弹幕说用apifox更好用。可以将接口文档导出导入。

Swagger

注意下面的地址前面要有/。

效果：

可以在这里实现接口的测试，也可以导出文档等等。一般swagger是项目完成后进行测试使用，而前面的yapi是在开发之前定义接口并进行管理使用。

为类、方法、属性、参数增加注解。

项目部署

部署前端项目

前端怎么打包没讲，应该是用webpack。

分析，去除前端请求路径中的/api,并将请求交付给192.168.181.101:8080端口处理。

使用nginx启动前端，效果如下：

点击登录发送请求，发现接口多了个/api。猜测是更改了前端代码，在路径中加入了个api。

部署后端项目

没有的软件，直接yum install 软件名 -y。

克隆远程代码时，想指定分支使用-b 分支名。

在linux打包很慢，可能是要下载相关的jar包并且没有配置国内镜像。也可以在idea中打包，再将jar包传入linux虚拟机中。

启动成功，成功登录