> 文档中心 > 【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程

【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程

Jeecg-Boot 3.2云服务器部署流程

  • 1 后端 部署流程
  • 2 前端 部署流程
  • 3 结果
  • 4 问题总结

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

1 后端 部署流程

  1. 修改配置文件
    【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程
    更改数据库、redis的配置。
  2. maven 打包
    在项目根路径下,使用命令行 maven package对项目进行打包。
    【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程
    system子模块中的target文件夹下生成 jar 包jeecg-boot-module-system-3.2.0.jar【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程
  3. 复制到云服务器
  4. 生成数据库
    【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程
    运行该sql文件即可。
  5. 使用命令运行后端程序
java -jar ./jeecg-boot-module-system-3.2.0.jar

2 前端 部署流程

  1. run serverun build的区别
    二者都会引用环境文件.env的配置参数
    run serve 会引用环境文件 .env.development中的配置构建项目
    run build会引用环境文件.env.production中的配置打包项目,生成dist
  2. 修改环境参数文件.env.production
NODE_ENV=productionVUE_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
  1. 打包
    使用下述命令进行打包。
npm run build
  1. nginx部署
    修改nginx的配置文件,如下所示。
   server { listen3000;#解决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 结果

运行起来看效果。
【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程

4 问题总结

  1. 登录页面的验证码显示404,原因是redis没有连接成功导致
    生成的验证码字符串保存在redis中进行后续验证,成功后redis的db0库具有下述缓存
    【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程