阿昌手摸手教你如何在服务器部署若依前后端分离版项目

# 如何在服务器部署若依项目

一、下载若依项目

网址：若依网址

阿昌这次使用部署的是若依前后端分离版本为例子部署

去github上下载若依

通过git pull <上面的git地址>下载若依

二、在本地修改对应若依配置

用idea打开若依项目
目录结构

配置文件

ruoyi-admin/src/main/resources

1、logback.xml日志配置

修改日志输出编码格式，使用UTF-8

2、application.yml项目配置

修改启动端口

redis配置

token加密规则

3、application-druid.yml数据源配置

生成对应sql数据库

4、测试启动项目

三、前端项目打包

用Vscode打开ruoyi-ui

运行npm install下载依赖

可能会出现的错误

发现运行不了npm install

解决方法
- 通过yarn install安装

之后打生产环境的包，通过npm run build:prod

打包完成

生成dist文件夹

到此前端项目就算打包完成!!!!

四、后端项目打包

打开资源路径文件夹

呼出命令行

通过命令行mvn package打包

生成jar文件

到此后端打包完成!!!

五、部署服务器

前提保证你服务器有nginx

nginx在linux安装教学

1、部署前端项目

上传到192.168.109.101服务器上

将刚刚打包好的dist文件夹放置在服务器的一个位置

这里阿昌就放在workspace下面

会发现一个问题，如何启动这个前端文件？？？？

这里我们使用nginx来转发，阿昌使用的是1.17.10的版本
配置nginx配置文件

2、配置nginx

配置权限

1	user root;

配置跳转前端路径

location / {
            root   /workspace/dist;
            index  index.html index.htm;
        }

保存，通过: wq
重启nginx

在/sbin目录下

1	./nginx -s -reload #重启nginx

访问前端地址

http://192.168.109.101:80/

发现出404错误
F12打开看请求情况

发现请求的是/prod-api/**的路径
再次配置nginx转发规则

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://192.168.109.102:8080/;

        }

3、部署后端项目

上传在192.168.109.102服务器上

将刚刚的jar文件上传的服务器上

通过 java -jar <你的项目名>启动项目

4、测试

前后端打通

到此前后端项目服务器部署完成！！！！

5、小集群部署

将同样的后端jar包上传到192.168.102服务器上

配置nginx让他负载均衡转发

upstream ruoyi{
    server 192.168.109.102:8080 weight=5;
    server 192.168.109.103:8080 weight=3;
}


server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   /workspace/dist;
        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://ruoyi/;

    }