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

本文涉及的产品
云服务器 ECS,u1 4核8GB 1个月
云服务器 ECS,u1 4核16GB 1个月
云数据库 Redis 版,社区版 2GB
推荐场景:
搭建游戏排行榜
简介: 【前后端】低代码平台Jeecg-Boot 3.2云服务器部署流程

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


1 后端 部署流程


1.修改配置文件

1666270776647.jpg

更改数据库、redis的配置。


2.maven 打包


在项目根路径下,使用命令行 maven package对项目进行打包。

1666270809658.jpg

在system子模块中的target文件夹下生成 jar 包jeecg-boot-module-system-3.2.0.jar

1666270829941.jpg

3.复制到云服务器

4.生成数据库

1666270842501.jpg

运行该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 结果


运行起来看效果。

1666270988213.jpg


4 问题总结


登录页面的验证码显示404,原因是redis没有连接成功导致

生成的验证码字符串保存在redis中进行后续验证,成功后redis的db0库具有下述缓存

1666271005936.jpg

相关实践学习
ECS云服务器新手上路
本实验会自动创建一台ECS实例。首先,远程登陆ECS实例,并部署应用。然后,登陆管理控制台,并对这台ECS实例进行管理操作。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
若依修改,若依部署在本地运行时的注意事项,后端连接了服务器,本地的vue.config.js要先改成localhost:端口号与后端匹配,部署的时候再改公网IP:端口号
若依修改,若依部署在本地运行时的注意事项,后端连接了服务器,本地的vue.config.js要先改成localhost:端口号与后端匹配,部署的时候再改公网IP:端口号
|
12天前
|
NoSQL 关系型数据库 MySQL
多机部署:打造内网服务器集群
在多机部署教程中,了解如何配置分布式应用如Laravel以使用Redis同步用户状态。关键步骤包括:修改MySQL的`bind-address`至内网IP,重启服务;同样修改Redis的`bind`,重启服务;以及调整Elasticsearch的`network.host`和`discovery.seed_hosts`,并重启。通过这些步骤,确保服务间能内网通信,实现多服务器状态同步。
27 2
|
12天前
|
缓存 弹性计算 应用服务中间件
阿里云服务器部署Jupyter私房菜
在阿里云ECS上,选用2核2G的配置,安装Ubuntu 22.04,然后部署Nginx作为Jupyter Notebook的反向代理。安装Miniconda3,配置清华TUNA镜像源以加速下载。创建Jupyter Notebook,设置密码和远程访问,通过Nginx配置实现安全访问。整个过程包括安装Jupyter,修改Nginx配置,最后通过浏览器访问 Notebook。
阿里云服务器部署Jupyter私房菜
|
5天前
|
Java 数据格式
Java面试题:简述Java Socket编程的基本流程,包括客户端和服务器的创建与通信。
Java面试题:简述Java Socket编程的基本流程,包括客户端和服务器的创建与通信。
11 0
|
6天前
|
弹性计算 网络安全 数据安全/隐私保护
阿里云服务器新手入门:注册账号、实名认证申请免费云服务器全流程
注册阿里云账号,选择注册方式如密码、扫码或手机号,并完成验证码验证。接着进行实名认证,提供必要个人信息或企业证件。然后,在控制台选择云服务器ECS,点击“免费试用”申请,配置实例并设置登录密码。创建后,通过远程连接工具如SSH登录,开始使用服务器进行软件安装、应用部署等操作。阿里云提供详细文档支持。别忘了点击链接以直接试用。
26 0
|
10天前
|
JavaScript Linux 网络安全
若依修改,若依启动之后,网页端无法访问接口,宝塔和云服务器的端口都要放开,就好了,软件开发常见流程,后台端口就可以访问了
若依修改,若依启动之后,网页端无法访问接口,宝塔和云服务器的端口都要放开,就好了,软件开发常见流程,后台端口就可以访问了
|
10天前
|
运维
软件开发常见流程之下载安装宝塔,一台服务器安装一次,多台就重复这个步骤
软件开发常见流程之下载安装宝塔,一台服务器安装一次,多台就重复这个步骤
|
10天前
|
大数据 Linux 程序员
软件开发常见流程之服务器+Linux部署项目,会用服务器+Linux部署项目资料
软件开发常见流程之服务器+Linux部署项目,会用服务器+Linux部署项目资料
|
10天前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
12天前
|
安全 固态存储 Linux
服务器linux操作系统重装的完整流程-傻瓜式教学
服务器linux操作系统重装的完整流程-傻瓜式教学