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

相关推荐
猩猩程序员8 小时前
Vercel 推出 Agent 框架 Eve:让 AI Agent 像写 Web 应用一样简单
前端
爱读源码的大都督8 小时前
Claude Code源码分析(三):为什么系统提示词中需要有tools呢?
前端·人工智能·后端
爱勇宝9 小时前
Claude Code 被曝暗藏“隐形检测”代码:封代理不是最可怕的,可怕的是你根本不知道它在干什么
前端·后端·程序员
小牛不牛的程序员9 小时前
我用 Claude Code 半天撸完了一个完整网站,AI 编程到底提升了多少效率?
前端
东风破_9 小时前
JavaScript 面试常考的字符串算法:从反转字符串到回文判断
前端·javascript
ITOM运维行者9 小时前
从零搭建企业级服务器监控体系:踩坑实录与架构设计
前端·后端
monologues9 小时前
深入 Vue 3 源码:响应式系统的精妙设计与编译优化
前端
hunterandroid9 小时前
Paging 3 分页:从手动分页到声明式加载
前端
用户4099322502129 小时前
Vue状态管理入门第四章:组合式store和SSR风险
前端·vue.js·后端
Csvn9 小时前
CSS :has() 选择器实战:没有它之前我们写了多少冗余 JS
前端·css