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

相关推荐
jiayong232 小时前
前端性能优化系列(一):问题分析与诊断
前端·性能优化
小宇的天下2 小时前
Calibre :Standard Verification Rule Format(SVRF) Manual (1-2)
前端·javascript·windows
GGGG寄了2 小时前
HTML——表单标签
前端·html
冲刺逆向2 小时前
【js逆向案例五】瑞数通杀模版
前端·javascript·typescript
咕噜企业分发小米2 小时前
有哪些游戏服务器框架适合新手使用?
运维·服务器·游戏
利刃大大2 小时前
【Vue】Vue介绍 && 声明式渲染 && 数据响应式
前端·javascript·vue.js·前端框架
Marshmallowc2 小时前
React stopPropagation 阻止冒泡失效?深度解析 React 17 事件委派机制变更与微前端冲突解决方案
前端·react.js·事件循环·微前端·前端架构
xiaobangsky2 小时前
使用Nginx配置本地静态资源iscweb访问后端服务fs-isc
运维·nginx
SMF19192 小时前
【Vmware】windows物理机共享文件给vm虚拟机中的Centos系统
linux·运维·centos