前后端分离部署指南

前后端分离部署指南

引用

CSDN

1.

https://blog.csdn.net/qq_62861048/article/details/138247684

1. 准备说明

将前端静态资源下载在浏览器中，然后再在浏览器根据后端地址去获取数据。如图：

2. 部署后端

克隆后端项目：

git clone https://gitee.com/laoyang103/jxtk-svc.git

3. 从研发那得知打包方法，进行打包

cd src/
mvn package
# 找到微服务集成的包
find . -name *.jar
cd sys-web/target/

4. 关联数据库

cd sys-web/target/
sed -i "s/8000/82/g"  target/config/application.yml
sed -i "s/1sed -i "s/exam/jxtk/g"  target/config/application.yml
27.0.0.1/192.168.124.131/g"  target/config/application.yml
sed -i "s/username: root/username: jxadmin/g"  target/config/application.yml
sed -i "s/password: root/password: 123456/g"  target/config/application.yml
cd jxtk-svc/
# 提前进数据库创建jxtk
create database jxtk;
# 需要将jxadmin授权远程登录
GRANT ALL PRIVILEGES ON *.* TO 'jxadmin'@'192.168.124.131' IDENTIFIED BY 'your_password_here';
FLUSH PRIVILEGES;
mysql -uroot -p123456 jxtk < doc/exam.sq

5. 将后端部署在 opt 下

mkdir /opt/jxtk-svc
cd src/
cp sys-web/target/exam-4.1.0.jar /opt/jxtk-svc/
cp -r sys-web/target/config/ /opt/jxtk-svc/
cd /opt/jxtk-svc/
# 启动
java -jar exam-4.1.0.jar

6. 测试后台是否成功启动

curl http://192.168.124.131:82/api/login/ent
# 不占用终端启动
nohup java -jar exam-4.1.0.jar &

7. 部署前端

# 克隆
git clone https://gitee.com/laoyang103/jxtk-web.git
# 下载前端工具
cd /opt/
wget https://nodejs.org/dist/v16.20.2/node-v16.20.2-linux-x64.tar.xz
tar -xf node-v16.20.2-linux-x64.tar.xz
# 将路径添加到
vim /etc/profile
source /etc/profile

8. 安装项目依赖

npm install

9. 打包

# 打包
npm run build
# 修改后端地址
sed -i "s/127.0.0.1:8000/192.168.124.131:82/g" dist/config.js
# 拷贝数据
rsync -av dist/ /var/www/html/