本地运行nginx服务,模拟线上环境访问项目

一、了解nginx

Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务。

Nginx也是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行。

其特点是占有内存少,并发能力强。

二、安装nginx

官网下载,下载稳定版本

企业微信截图_17615502101772

三、运行nginx服务

将下载下来的nginx解压,接下后放到D盘下,文件目录如下:

image

启动nginx服务有两种方式:

1.命令行
打开cmd,cd到解压目录,输入 start nginx,启用服务

image

2.双击nginx.exe

考虑到后期调试需要多次启动nginx服务,每次启动都会占用一个进程,旧的nginx未关闭,可能调试不准,建议用命令行的方式。


检查nginx服务是否起来了有三种方式:

1.查看 D:\nginx\logs 目录下是否有 nginx.pid 文件,服务停止会自动没有;

image

 2. 查看任务管理 nginx.exe是否启动;

企业微信截图_17615524378560

也可以 cmd 输入 tasklist /fi "imagename eq nginx.exe"

image

 3.浏览器输入localhost,如果出现下面的页面,表示nginx启动成功。

image

 四、访问本地项目

本地是vue项目,运行npm run  build命令, 将打包后的dist放到 D:\nginx\html 目录下

image

 打开 D:\nginx\conf 目录下 nginx.conf 文件

image

 配置一个监听 8012 端口的服务器

server {
        listen       8012; # 监听端口,避免与常用的8080等端口冲突
        server_name  localhost;
        location / { # 配置低代码应用的访问路径
            root html/dist/; # 指定低代码应用的静态文件路径
            index  index.html index.htm; # 指定默认页面
        }
    }

具体输入位置如下:

image

 检查nginx语法是否正确,没问题就可以重启服务,访问刚才配置的8012端口

image

 

访问浏览器,输入http://localhost:8012,页面加载出来 表示访问成功。

65559c42-cfeb-4295-a47f-e5917c27c0d0

五、常见nginx 命令

查看nginx的版本号:
nginx -v

启动nginx:
start nginx

快速停止或关闭nginx:
nginx -s stop

正常停止或关闭nginx:
nginx -s quit

配置文件nginx.conf修改重装载命令:
nginx -s reload

 

posted @ 2025-10-27 16:49  king'sQ  阅读(42)  评论(0)    收藏  举报