win11安装配置nginx并部署ruoyi前端

win11安装配置nginx并部署ruoyi前端

一、下载nginx

下载地址:https://nginx.org/en/download.html

如上图,选择windows版本的下载就行。

二、安装配置

拿到压缩包之后,找个目录解压。

解压后,目录如下图所示:

其中nginx.exe就是启动命令,启动可以双击该命令即可。

启动之后,可以访问本地localhost,看下效果。

三、操作方式

关闭,可以使用命令

bash 复制代码
nginx -s stop

重新加载

bash 复制代码
nginx -s reload

如果更新了内容,没有效果,可以 ctrl+F5 强制刷新看看。

如果命令执行后,没有效果,可以打开任务管理器,查看nginx,强制关闭。

四、核心配置文件

核心配置文件是 conf/nginx.conf。如果你要把ruoyi部署在nginx中,可以把nginx.conf如下配置:

bash 复制代码
worker_processes  1;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
   
    keepalive_timeout  65;

    gzip  on;

    server {
        listen       80;
        server_name  localhost;

        location / {
				root E:/nlos/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;
				rewrite ^/prod-api/(.*)$ /$1 break;
				proxy_pass http://localhost:8080;
			}
			
			location /dev-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;
				rewrite ^/dev-api/(.*)$ /$1 break;
				proxy_pass http://localhost:8080;
			}
			location /stage-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;
				rewrite ^/stage-api/(.*)$ /$1 break;
				proxy_pass http://localhost:8080;
			}
	
			
	        error_page   500 502 503 504  /50x.html;
	        location = /50x.html {
	            root   html;
	        }
	
	    }

}

其中 root是ruoyi前端打包出来的dist目录的地址。

相关推荐
涵涵(互关)11 小时前
Naive-ui树型选择器只显示根节点
前端·ui·vue
BY组态11 小时前
Ricon组态系统最佳实践:从零开始构建物联网监控平台
前端·物联网·iot·web组态·组态
BY组态11 小时前
Ricon组态系统vs传统组态软件:为什么选择新一代Web组态平台
前端·物联网·iot·web组态·组态
SoaringHeart11 小时前
Flutter进阶:OverlayEntry 插入图层管理器 NOverlayZIndexManager
前端·flutter
放下华子我只抽RuiKe511 小时前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
裴东青12 小时前
10-实战:RuoYi-Cloud的自动化发布
运维·ci/cd·自动化
哎呦,帅小伙哦12 小时前
Linux 时间:从原子钟到 clock_gettime 的每一面
linux·运维·服务器
sxgzzn12 小时前
新能源场站数智化转型:基于数字孪生与AI的智慧运维管理平台解析
大数据·运维·人工智能
张小姐的猫12 小时前
【Linux】多线程 —— 线程互斥
linux·运维·服务器·c++
CodeMartain13 小时前
Dify Windows 原生部署(无 Docker、纯本地)
运维·docker·容器