1、前端
1.1基础环境安装
1.1.1安装 Node.js
如果您电脑未安装Node.js,请安装它。
验证
# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v
如果你需要同时存在多个 node 版本,可以使用Nvm或者其他工具进行 Node.js 进行版本管理;node版本过于超前也可能会出现问题。
1.1.2. pnpm安装
如果未安装pnpm,可以用下面命令来进行全局安装
# 全局安装pnpm
npm install pnpm -g
# 验证(出现对应版本号即代表安装成功)
pnpm -v
1.2前端源码下载地址
下载前端源码包jeecgboot-vue3-master.zip
1.3安装依赖
环境要求:nodejs版本>v20.2.0在Linux服务器上安装过v18.4,v17.9.1等版本在后续安装pnpm,编译过程中会出现其它问题导致启动失败;
执行pnpm install指令安装依赖
1.4运行前端项目
执行pnpm run dev
1.5配置接口地址
说明:把http://localhost:8080/jeecg-boot 替换成自己地址即可,其他不用改。
.env.development
#后台接口父地址(必填)
VITE_GLOB_API_URL=/jeecgboot
# 跨域代理,您可以配置多个 ,请注意,没有换行符
VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot
1.6前端打包
执行pnpm build打包完成后前端项目源码包中会新生成一个dist文件夹
2、后台管理平台(后台源码要从GitHub下载)
2.1安装jdk8、Maven、Redis、MySQL基础环境
2.2IDEA导入JAVA项目&启动
2.3正式环境部署
l 后端服务通过JAR方式运行
l 前端项目build的dist,部署到NGINX
2.3.1Jeecg-boot项目打JAR包
2.3.1.1、修改配置文件
修改 数据库连接、缓存Redis、上传附件等配置
2.3.1.2、切换Maven为生产模式
2.3.1.3、通过jeecg-boot-parent打包
2.3.1.4拿到jeecg-system-start-{版本号}.jar 包
3、服务器部署
3.1基础环境安装jdk8、Redis、MySQL、NGINX
3.2将前端dist包放在NGINX安装目录的/html目录下
将dist包修改成html包名,替换掉/usr/local/nginx/html/文件夹,最终结果显示如下
3.3将jeecg-system-start-3.5.1.jar包上传到服务器/home目录下
3.3.1给jar授予可执行权限
chmod +x jeecg-system-start-3.5.1.jar
3.3.2编辑jar包启动脚本start.sh,并给启动脚本授予可执行权限
nohup java -jar jeecg-system-start-3.5.1.jar >catalina.out 2>&1 &
chmod +x start.sh
3.4配置nginx.conf
前端NGINX配置
listen 80;
server_name http://ip;
#解决Router(mode: 'history')模式下,刷新路由地址不能找到页面的问题
location / {
root /usr/local/nginx/html;
index index.html index.htm;
}
后台NGINX配置
location /jeecgboot/ {
proxy_pass http://ip:8080/jeecg-boot/;
#ip remote_addr
proxy_set_header X-Forwarded-Scheme $scheme;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
set $my_proxy_add_x_forwarded_for $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-For $my_proxy_add_x_forwarded_for;
}
3.4项目启动
3.4.1先启动后台
执行./start.sh脚本启动后台
3.4.2 启动前端
在/usr/local/nginx/sbin目录下执行./nginx启动NGINX
4、平台访问
URL:http://ip
账号密码:admin/123456
标签:http,Boot,手册,start,proxy,pnpm,Jeecg,安装,jeecg From: https://blog.51cto.com/u_15867943/7368988