若依前后端分离版Windows服务器部署

准备工作

需要服务器安装Java环境,Mysql,Redis,Nginx,步骤本文略。

前端部署

编译

如果你使用IDEA,那么进入目录RuoYi-Vue/ruoyi-ui找到package.json文件,点击右键,选择Show npm Scripts,显示出可以运行的npm脚本

npm脚本

在可以运行的npm脚本中,双击build:prod

build:prod

编译后的文件就在ruoyi-ui/dist,将整个dist文件夹复制到服务器上即可

dist

部署

服务器上下载并配置Nginx,可以参考本文

在Nginx安装目录下,输入命令start nginx启动Nginx服务

之后去Nginx的安装目录下的conf文件夹下,修改Nginx的配置文件nginx.conf

nginx.conf

配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
worker_processes  1;
worker_rlimit_nofile 65535;

events {
worker_connections 1024;
}

http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;

server {
listen 82;
server_name localhost;

location / {
root E:/qlj/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://localhost:8080/;
}
location /boom {
proxy_redirect off;
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}

需要注意的参数:

listen 82:这个是监听的端口,访问”服务器地址:82”这个地址的时候,就会被Nginx监听

root E:/qlj/dist;:这个是编译的dist文件夹,在这里做静态资源

进入Nginx目录并运行cmd,执行nginx -s reload命令,就可以重新加载Nginx静态资源了

这样前端就部署好了。之后通过“服务器地址:82”就可以访问到静态的网页了

前端

后端部署

打包

ruoyi项目的bin目录下执行package.bat打包Web工程,生成war/jar包文件

package

然后会在项目下生成target文件夹包含warjar,本项目包所在地址RuoYi-Vue/ruoyi-admin/target/ruoyi-admin.jar,将jar包复制到服务器上即可

最后,在服务器上jar包所在目录下,进行java -jar ruoyi-admin.jar运行就可以了

运行成功

界面