Jeecg-Boot项目工程采用前后端分离开发方式，后端基于 SpringBoot，前端基于 Ant Design，是一款非常不错的学习项目。

1 后端 部署流程

1. 修改配置文件
   
   更改数据库、redis的配置。
2. maven 打包
   在项目根路径下，使用命令行 maven package对项目进行打包。
   
   在system子模块中的target文件夹下生成 jar 包jeecg-boot-module-system-3.2.0.jar。
3. 复制到云服务器
4. 生成数据库
   
   运行该sql文件即可。
5. 使用命令运行后端程序

java -jar ./jeecg-boot-module-system-3.2.0.jar

2 前端 部署流程

1. run serve 和 run build的区别
   二者都会引用环境文件.env的配置参数
   run serve 会引用环境文件 .env.development中的配置构建项目
   run build会引用环境文件.env.production中的配置打包项目，生成dist
2. 修改环境参数文件.env.production

NODE_ENV=production
VUE_APP_API_BASE_URL=http://localhost:8082/jeecg-boot
#localhost替换成云服务器的ip地址，即修改接口地址
VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
#localhost替换成云服务器的ip地址，即修改单点登录地址
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

3. 打包
   使用下述命令进行打包。

npm run build

4. nginx部署
   修改nginx的配置文件，如下所示。

   server {
        listen       3000;
		#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题
		location / {
			root   C:/MiddleSoftware/jeecg-boot/ant-design-vue-jeecg/dist;
			index  index.html index.htm;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
		}
}

3 结果

运行起来看效果。

4 问题总结

1. 登录页面的验证码显示404，原因是redis没有连接成功导致
   生成的验证码字符串保存在redis中进行后续验证，成功后redis的db0库具有下述缓存