前后端分离部署

最新推荐文章于 2024-06-20 22:12:53 发布

一无532

最新推荐文章于 2024-06-20 22:12:53 发布

阅读量486

点赞数 11

文章标签： linux 服务器

本文链接：https://blog.csdn.net/qq_62861048/article/details/138247684

版权

本文详细描述了如何部署前端静态资源、后端微服务、数据库连接、以及前端与后端的接口测试过程，包括打包、依赖管理、地址修改和部署前端应用的步骤。

摘要由CSDN通过智能技术生成

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
  490  node

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/