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目录的地址。

相关推荐
众壹新能源科技5 分钟前
经营口径与运维口径不一致时,发电量报表怎么对账
运维·数据库·人工智能
Moriarty12366614 分钟前
【前端技巧】实现卡片页面容器全屏
前端·css
2601_9621007317 分钟前
2026年旧素材怎么二次利用:图文批量转视频的自动化工作流工程复盘
运维·自动化·音视频
mmsx22 分钟前
osmdroid 地图实战 02|在线底图接入:从 URL 模板到生产级瓦片源工厂(谷歌 + 天地图双案例)
前端·前端框架
用户3071409584824 分钟前
零依赖实现「形切形」:我用 6200 行原生 Canvas 写了个网页设计工具
前端·ai编程·canvas
兄弟加油,别颓废了。36 分钟前
bugku题目
开发语言·前端·python
西西小飞龙39 分钟前
npm vs pnpm
前端·npm·node.js
天天进步201544 分钟前
Pixelle-Video 源码解析 #17:TTS 语音生成:Edge-TTS、Index-TTS 如何接入?
前端·数据库
Ruiery1 小时前
Linux 6.6内核 PCIe 深度解析(九):复位机制 — 从 FLR 到 Secondary Bus Reset 的降级链
linux·运维·服务器