当前位置：首页 > news >正文

项目前后端分离部署

news 2025/8/26 8:24:07

1 环境

1.1 操作系统

1.1.1 版本

名称	版本	ip
linux	centos7(64位)	192.168.81.137

1.2 软件信息

1.2.1 版本

名称	版本
jdk-8u411-linux-x64.tar.gz	1.8.4
mysql-8.0.13-1.el7.x86_64.rpm-bundle.tar	8.0.13
redis-6.2.14.tar.gz	6.2.14
nginx-1.24.0.tar.gz	1.24.0

1.3 软件获取

1.3.1 获取途径: https://pan.baidu.com/s/1_70ksiFpHoqafW9qcsFPVw?pwd=6666

2 搭建

2.1 jdk1.8搭建

2.1.1 参照实现jdk搭建地址：https://blog.csdn.net/m0_56342463/article/details/137225570?spm=1001.2014.3001.5501

2.2 redis搭建

2.2.1 参照实现redis搭建地址：https://blog.csdn.net/m0_56342463/article/details/150543239?spm=1001.2014.3001.5501

2.3 mysql搭建

2.3.1 参照实现mysql搭建地址：https://blog.csdn.net/m0_56342463/article/details/140514631?spm=1001.2014.3001.5501

2.4 nginx搭建

2.4.1 参照实现nginx搭建地址：https://blog.csdn.net/m0_56342463/article/details/137784512?spm=1001.2014.3001.5501

2.4.2 根据nginx搭建到第5.3则实现nginx的搭建

如下图所示位置即可！！！
在这里插入图片描述

3 打包

3.1 项目地址

3.1.1 使用若依开源项目

gitee地址信息：https://gitee.com/y_project/RuoYi-Vue.git

3.2 本地搭建

3.2.1 参照实现ruoyi项目搭建地址：https://blog.csdn.net/m0_56342463/article/details/150543490?spm=1001.2014.3001.5501

3.3 项目打包

3.3.1 前台项目打包

打包命令：npm run build:prod

打包完毕形成一个dist文件夹：
在这里插入图片描述

3.3.2 后台项目打包

3.3.2.1 修改文件上传地址信息与端口信息

3.3.2.2 修改数据源地址信息

在这里插入图片描述

3.3.2.3 maven打包形成jar包

在这里插入图片描述

4 上传

4.1 前端上传

4.1.1 将前端代码dist文件夹放入niginx服务器的/usr/local/nginx/html文件夹下：

在这里插入图片描述

4.1.2 进入/usr/local/nginx/conf文件夹下，配置nginx

vim nginx.conf

worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;charset utf-8;location / {root   html/dist/;try_files $uri $uri/ /index.html;index  index.html index.htm;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8888/;}# springdoc proxylocation ~ ^/v3/api-docs/(.*) {proxy_pass http://localhost:8888/v3/api-docs/$1;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

4.1.3 重启nginx使其配置生效

在这里插入图片描述