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

一、Ruoyi-Vue前后端分离项目布局

二、Redis部署

1、下载Windows版本Redis

2、解压缩到安装目次

3、在安装目次栏输入cmd，按回车键

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

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

复制代码

或者

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

复制代码

5、常用命令
启动服务

1. redis-server --service-start

复制代码

停止服务

1. redis-server --service-stop

复制代码

卸载命令

1. redis-server --service-uninstall

复制代码

6、停止和启动也可以通过页面来操纵
   右键 此电脑 -->管理–>服务 --> 找到"Redis"
  

三、后端部署

1、项目下\RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml 下查看后端端口

2、打开项目文件夹下的bin目次，先执行clean.bat，再执行打包命令package.bat

3、后端打包乐成后，jar包存放于项目目次\RuoYi-Vue\ruoyi-admin\target\ruoyi-admin.jar

4、查看Windows服务器上的jdk环境变量
   右键 此电脑 -->属性–>高级体系设置 --> 环境变量 --> 体系变量
  

5、在jdk环境变量设置路径的bin目次下找到javaw.exe，复制一份修改成xxx.exe（名字恣意取，原则和jar包的名称保持同等）
   比方 D:\Java\jdk1.8.0_131\bin 下面将javaw.exe改成test-ruoyi-admin.exe
  

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

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

复制代码

7、内容说明
内容说明test-ruoyi-admin第5步在jdk的bin目次下自定义的文件D:\test\ruoyi-admin.jarjar包存放的绝对路径D:\test\log &为log日记存储路径 8、文件布局

9、启动脚本，右键，以管理员身份运行

10、打开使命管理器，查看自己的程序历程号

四、前端部署

1、vue.config.js文件下修改前端端口
   默认是80端口，但不推荐利用80端口。因为80端口在部署到服务器上和nginx可能存在占用等问题
    target的url和端口要和服务器上能访问到的后台接口同等
  

2、打开项目文件夹下的D:\workspace\RuoYi-Vue\ruoyi-ui\bin目次，执行打包命令build.bat

3、天生dist文件 ，前端打包乐成

五、nginx部署

1、进入nginx官网，下载自己所需的版本

2、打开解压后文件，修改设置文件

1. #user  nobody;
2. worker_processes  1;
4. #error_log  logs/error.log;
5. #error_log  logs/error.log  notice;
6. #error_log  logs/error.log  info;
8. #pid        logs/nginx.pid;
11. events {
12.     worker_connections  1024;
13. }
16. http {
17.     include       mime.types;
18.     default_type  application/octet-stream;
20.     #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
21.     #                  '$status $body_bytes_sent "$http_referer" '
22.     #                  '"$http_user_agent" "$http_x_forwarded_for"';
24.     #access_log  logs/access.log  main;
26.     sendfile        on;
27.     #tcp_nopush     on;
29.     #keepalive_timeout  0;
30.     keepalive_timeout  65;
32.     #gzip  on;
34.     server {
35.         # listen下的端口就是代理前的接口，要与前面前端项目的vue.config.js中的端口一致
36.         listen       8800;
37.         # server_name是部署项目的服务器ip,即使是使用的本地也建议不要用localhost，避免修改hosts文件导致的问题
38.         server_name  localhost;
40.         #charset koi8-r;
42.         #access_log  logs/host.access.log  main;
44.         # location /下面配置的就是代理前前端静态资源的路径等
45.         location / {
46.             # root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径
47.             root   D:/workspace/RuoYi-Vue/ruoyi-ui/dist;
48.             # 保持默认不要更改，防止404和入口页面
49.                         try_files $uri $uri/ /index.html;
50.             index  index.html index.htm;
51.         }
53.         # location /prod-api/ 是配置的代理后的地址
54.                 location /prod-api/{
55.                    proxy_set_header Host $http_host;
56.                    proxy_set_header X-Real-IP $remote_addr;
57.                    proxy_set_header REMOTE-HOST $remote_addr;
58.                    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
59.            # proxy_pass就是设置的代理后的地址，即自己服务器后台接口的url
60.                    proxy_pass http://localhost:8080/;
61.                 }
63.         #error_page  404              /404.html;
65.         # redirect server error pages to the static page /50x.html
66.         #
67.         error_page   500 502 503 504  /50x.html;
68.         location = /50x.html {
69.             root   html;
70.         }
72.         # proxy the PHP scripts to Apache listening on 127.0.0.1:80
73.         #
74.         #location ~ \.php$ {
75.         #    proxy_pass   http://127.0.0.1;
76.         #}
78.         # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
79.         #
80.         #location ~ \.php$ {
81.         #    root           html;
82.         #    fastcgi_pass   127.0.0.1:9000;
83.         #    fastcgi_index  index.php;
84.         #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
85.         #    include        fastcgi_params;
86.         #}
88.         # deny access to .htaccess files, if Apache's document root
89.         # concurs with nginx's one
90.         #
91.         #location ~ /\.ht {
92.         #    deny  all;
93.         #}
94.     }
97.     # another virtual host using mix of IP-, name-, and port-based configuration
98.     #
99.     #server {
100.     #    listen       8000;
101.     #    listen       somename:8080;
102.     #    server_name  somename  alias  another.alias;
104.     #    location / {
105.     #        root   html;
106.     #        index  index.html index.htm;
107.     #    }
108.     #}
111.     # HTTPS server
112.     #
113.     #server {
114.     #    listen       443 ssl;
115.     #    server_name  localhost;
117.     #    ssl_certificate      cert.pem;
118.     #    ssl_certificate_key  cert.key;
120.     #    ssl_session_cache    shared:SSL:1m;
121.     #    ssl_session_timeout  5m;
123.     #    ssl_ciphers  HIGH:!aNULL:!MD5;
124.     #    ssl_prefer_server_ciphers  on;
126.     #    location / {
127.     #        root   html;
128.     #        index  index.html index.htm;
129.     #    }
130.     #}
132. }

复制代码

3、只要是通过http://localhost/8800/发送过来的哀求全部会被署理到http://localhost:8080/。如许就能实现前后端项目的哀求署理
4、常用命令
常用命令说明start nginx启动命令nginx.exe -s stop强制停止命令nginx.exe -s reload重启命令

六、部署完成

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

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

1. # 查找使用的端口
2. netstat -ano
3. # 查找指定的端口
4. netstat -ano |findstr 1883

复制代码

②停止端口

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

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。