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

相关推荐
shawxlee13 分钟前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
Kina_C41 分钟前
Linux iptables 防火墙原理与实操——从四表五链到 NAT 配置
linux·运维·服务器·iptables
用户0595401744641 分钟前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹1 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen1 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱1 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
A洛1 小时前
Codex 实战:一句话完成 Temu 商品图采集与印花抠图自动化
运维·人工智能·自动化·codex
Urbano1 小时前
服装工厂卫衣量产提质增效方案:工序自动化替代、产能优化、多品牌设备选型及落地案例
运维·自动化
GlobalSign数字证书2 小时前
自动化时代,如何高效部署SSL证书?
运维·自动化·ssl
郝亚军2 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js