【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目

女爷i 2024-03-24 15:44 81阅读 0赞

###### 一、Ruoyi-Vue前后端分离项目结构 ######

![9ed9fba55b914f5c8464687f71cb13a9.png_pic_center][]

###### 二、Redis部署 ######

1、下载Windows版本[Redis][]

![在这里插入图片描述][293138b2c5dd481490f2df31c285c4a9.png_pic_center]

2、解压缩到安装目录  
![在这里插入图片描述][7b18af7a54134148bd4085c03d0da573.png_pic_center]

3、在安装目录栏输入cmd，按回车键  
![在这里插入图片描述][c75e436a861b437bbbe376a10f8e0ab5.png_pic_center]

4、将Redis绑定为 Windows 服务，设置为后台启动

redis-server --service-install redis.windows.conf --loglevel verbose

或者

redis-server --service-install redis.windows-service.conf --loglevel verbose

5、常用命令

启动服务

redis-server --service-start

停止服务

redis-server --service-stop

卸载命令

redis-server --service-uninstall

6、停止和启动也可以通过页面来操作

> 右键 此电脑 -->管理–>服务 --> 找到"Redis"

![在这里插入图片描述][a13e641cbee640f79dd41dac4d660da8.png_pic_center]

###### 三、后端部署 ######

1、项目下\\RuoYi-Vue\\ruoyi-admin\\src\\main\\resources\\application.yml 下查看后端端口  
![在这里插入图片描述][f90cecd9da454e3193d7fbc21d61596a.png_pic_center]

2、打开项目文件夹下的bin目录，先执行clean.bat，再执行打包命令package.bat  
![在这里插入图片描述][47c24fdbe7c9404a8b8c9e4af673d8e1.png_pic_center]

3、后端打包成功后，jar包存放于项目目录\\RuoYi-Vue\\ruoyi-admin\\target\\ruoyi-admin.jar  
![在这里插入图片描述][14697b999abd4ad3a0e0ec0210ff1cd4.png_pic_center]

4、查看Windows服务器上的jdk环境变量

> 右键 此电脑 -->属性–>高级系统设置 --> 环境变量 --> 系统变量

![在这里插入图片描述][5cbbcfa8757c4e51ba0a170bfa384afa.png_pic_center]

5、在jdk环境变量配置路径的bin目录下找到`javaw.exe`，复制一份修改成xxx.exe（名字任意取，原则和jar包的名称保持一致）

> 例如 D:\\Java\\jdk1.8.0\_131\\bin 下面将`javaw.exe`改成`test-ruoyi-admin.exe`

![在这里插入图片描述][0cdaadff1982448b8899b90ab740ef6c.png_pic_center]

6、编写执行启动的bat脚本文件，首先需要将jar包放到自己的工作目录下，同时在此目录下新建一个启动脚本：start-ruoyi-admin.bat

> **注意启动脚本，jar包要放在同一个目录**

@echo off
    start test-ruoyi-admin -jar D:\test\ruoyi-admin.jar >> D:\test\log  &
    exit

7、内容说明

<table> 
 <thead> 
  <tr> 
   <th>内容</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>test-ruoyi-admin</td> 
   <td>第5步在jdk的bin目录下自定义的文件</td> 
  </tr> 
  <tr> 
   <td>D:\test\ruoyi-admin.jar</td> 
   <td>jar包存放的绝对路径</td> 
  </tr> 
  <tr> 
   <td>D:\test\log &amp;</td> 
   <td>为log日志存储路径</td> 
  </tr> 
 </tbody> 
</table>

8、文件结构  
![在这里插入图片描述][21feee3c2e3c43ecb0d5d6d8d6501a08.png_pic_center]

9、启动脚本，右键，以管理员身份运行  
![在这里插入图片描述][08612f75fea74e5bad681e7fc8668b47.png_pic_center]

10、打开任务管理器，查看自己的程序进程号  
![在这里插入图片描述][3dc3531f02044fb2a570915becea314c.png_pic_center]

###### 四、前端部署 ######

1、vue.config.js文件下修改前端端口

> 默认是80端口，但不推荐使用80端口。因为80端口在部署到服务器上和nginx可能存在占用等问题

> target的url和端口要和服务器上能访问到的后台接口一致

![在这里插入图片描述][db812c52009e44b6addb68425a7d3639.png_pic_center]

2、打开项目文件夹下的`D:\workspace\RuoYi-Vue\ruoyi-ui\bin`目录，执行打包命令build.bat  
![在这里插入图片描述][a557d1648f534ebcb6b53c06f1c518be.png_pic_center]

3、生成dist文件 ，前端打包成功  
![在这里插入图片描述][5667ebc0de024eea9cce416cb42d222e.png_pic_center]

###### 五、nginx部署 ######

1、进入[nginx官网][nginx]，下载自己所需的版本  
![在这里插入图片描述][4f49670c7d0c4c729ab09032d99a81aa.png_pic_center]

2、打开解压后文件，修改配置文件  
![在这里插入图片描述][e0593183c8504871a6a2920c4e445333.png_pic_center]  
![在这里插入图片描述][6ad33094dfaf4dd1b913dc041014e9f3.png_pic_center]

#user  nobody;
    worker_processes  1;
    
    #error_log  logs/error.log;
    #error_log  logs/error.log  notice;
    #error_log  logs/error.log  info;
    
    #pid        logs/nginx.pid;
    
    
    events {
        
        worker_connections  1024;
    }
    
    
    http {
        
        include       mime.types;
        default_type  application/octet-stream;
    
        #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
        #                  '$status $body_bytes_sent "$http_referer" '
        #                  '"$http_user_agent" "$http_x_forwarded_for"';
    
        #access_log  logs/access.log  main;
    
        sendfile        on;
        #tcp_nopush     on;
    
        #keepalive_timeout  0;
        keepalive_timeout  65;
    
        #gzip  on;
    
        server {
        
            # listen下的端口就是代理前的接口，要与前面前端项目的vue.config.js中的端口一致
            listen       8800; 
            # server_name是部署项目的服务器ip,即使是使用的本地也建议不要用localhost，避免修改hosts文件导致的问题
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            # location /下面配置的就是代理前前端静态资源的路径等
            location / {
        
                # root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径
                root   D:/workspace/RuoYi-Vue/ruoyi-ui/dist;
                # 保持默认不要更改，防止404和入口页面
    			try_files $uri $uri/ /index.html;
                index  index.html index.htm;
            }
    
            # location /prod-api/ 是配置的代理后的地址
    		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就是设置的代理后的地址，即自己服务器后台接口的url
    		   proxy_pass http://localhost:8080/;
    		}
    
            #error_page  404              /404.html;
    
            # redirect server error pages to the static page /50x.html
            #
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
        
                root   html;
            }
    
            # proxy the PHP scripts to Apache listening on 127.0.0.1:80
            #
            #location ~ \.php$ {
        
            #    proxy_pass   http://127.0.0.1;
            #}
    
            # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
            #
            #location ~ \.php$ {
        
            #    root           html;
            #    fastcgi_pass   127.0.0.1:9000;
            #    fastcgi_index  index.php;
            #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
            #    include        fastcgi_params;
            #}
    
            # deny access to .htaccess files, if Apache's document root
            # concurs with nginx's one
            #
            #location ~ /\.ht {
        
            #    deny  all;
            #}
        }
    
    
        # another virtual host using mix of IP-, name-, and port-based configuration
        #
        #server {
        
        #    listen       8000;
        #    listen       somename:8080;
        #    server_name  somename  alias  another.alias;
    
        #    location / {
        
        #        root   html;
        #        index  index.html index.htm;
        #    }
        #}
    
    
        # HTTPS server
        #
        #server {
        
        #    listen       443 ssl;
        #    server_name  localhost;
    
        #    ssl_certificate      cert.pem;
        #    ssl_certificate_key  cert.key;
    
        #    ssl_session_cache    shared:SSL:1m;
        #    ssl_session_timeout  5m;
    
        #    ssl_ciphers  HIGH:!aNULL:!MD5;
        #    ssl_prefer_server_ciphers  on;
    
        #    location / {
        
        #        root   html;
        #        index  index.html index.htm;
        #    }
        #}
    
    }

3、只要是通过http://localhost/8800/发送过来的请求全部会被代理到http://localhost:8080/。这样就能实现前后端项目的请求代理

4、常用命令

<table> 
 <thead> 
  <tr> 
   <th>常用命令</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>start nginx</td> 
   <td>启动命令</td> 
  </tr> 
  <tr> 
   <td>nginx.exe -s stop</td> 
   <td>强制停止命令</td> 
  </tr> 
  <tr> 
   <td>nginx.exe -s reload</td> 
   <td>重启命令</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][c418c65f9cef4b13908da184c826a737.png_pic_center]

###### 六、部署完成 ######

部署完成，浏览器输入http://localhost/8800，登录系统

![在这里插入图片描述][01f72e49bc594f0d84662ea22e0d207f.png_pic_center]

**常见问题：端口占用**  
①查找被占用的端口

# 查找使用的端口
    netstat -ano
    # 查找指定的端口
    netstat -ano |findstr 1883

![在这里插入图片描述][e7d8bb49908a43559ba68c9bafe454a0.png_pic_center]

②停止端口

# 停用端口
    taskkill -PID 8984 -F
    # 查看占用此端口的进程，在任务管理器中强制结束
    tasklist|findstr 8984

[9ed9fba55b914f5c8464687f71cb13a9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/37a39190d73d463d84cb5cb94f4acab0.png
[Redis]: https://github.com/tporadowski/redis/releases
[293138b2c5dd481490f2df31c285c4a9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/0df2967becaf47fd95c624fd01fe9eda.png
[7b18af7a54134148bd4085c03d0da573.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/5fc4a4640d564c49b37342d703832d4e.png
[c75e436a861b437bbbe376a10f8e0ab5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2a797f8165e947bca3b01b0646319c40.png
[a13e641cbee640f79dd41dac4d660da8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/511762cba1744f91aef0c12d7cb9b05d.png
[f90cecd9da454e3193d7fbc21d61596a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/8b82749b245e43c88ba341c86bec05e5.png
[47c24fdbe7c9404a8b8c9e4af673d8e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/df18c34fe591497691feb514b933c510.png
[14697b999abd4ad3a0e0ec0210ff1cd4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/7bb54d972de7458abe569d14e92f565d.png
[5cbbcfa8757c4e51ba0a170bfa384afa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/1fdb81526cf0485592e6d32e48c021a8.png
[0cdaadff1982448b8899b90ab740ef6c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6d265a0700aa4639bfa238069f9b2056.png
[21feee3c2e3c43ecb0d5d6d8d6501a08.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/11e3d11ab9b344a7b7943f3db8674b37.png
[08612f75fea74e5bad681e7fc8668b47.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2c93a278181c4593be914aba47d9dada.png
[3dc3531f02044fb2a570915becea314c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/01d9e5d44a7f433389415f42ef239522.png
[db812c52009e44b6addb68425a7d3639.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d464adf1d7c843698e4649e3ebc507da.png
[a557d1648f534ebcb6b53c06f1c518be.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/bb22443a321047098b9f462486a693d5.png
[5667ebc0de024eea9cce416cb42d222e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/40f65b4946184fb8a4e8e25018f553ca.png
[nginx]: http://nginx.org/en/download.html
[4f49670c7d0c4c729ab09032d99a81aa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e9ebffdec20547c4815f90c57d46a618.png
[e0593183c8504871a6a2920c4e445333.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/973d500f3ff34b489a2a48dd294d02ab.png
[6ad33094dfaf4dd1b913dc041014e9f3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d8e2a44025c5406e91210ca37912ecf9.png
[c418c65f9cef4b13908da184c826a737.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/adda559962414641833928c09f78291d.png
[01f72e49bc594f0d84662ea22e0d207f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/205ab19cc51644fd9a52f220077c901b.png
[e7d8bb49908a43559ba68c9bafe454a0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/ab33fedc7f2449699e138c67cb816543.png