Nginx 本地部署服务

一、下载

二、解压

在这里插入图片描述

三、文件替换

  1. 解压打开后文件,双击 nginx.exe
    在这里插入图片描述
  2. 浏览器输入 localhost,出现如下页面

在这里插入图片描述
3. 将我发的文件下的 nginx.config 替换掉源文件的 nginx.conf 文件
在这里插入图片描述
4. 删除 html 文件夹,将我发的文件下的 html 替换掉 html 文件夹
在这里插入图片描述

四、浏览器中输入

  1. 杀掉nginx进程
    在这里插入图片描述
  2. 重新双击启动 nginx.exe
  3. 浏览器中输入网址:localhost
    在这里插入图片描述

五、离线部署瓦片服务

离线部署瓦片服务:https://blog.csdn.net/qq_53810245/article/details/132732024

### 配置Nginx部署Web项目的流程 #### Nginx下载与安装 对于Windows平台,可以从官方网站获取适用于Windows系统的Nginx版本并解压至指定目录[^1]。 #### 创建本地项目结构 确保要部署的Web项目已经准备好,并放置在一个固定的文件夹中。例如,可以创建一个名为`my-web-project`的文件夹来存放所有的HTML、CSS、JavaScript和其他静态资源文件。 #### 修改Nginx配置文件 打开Nginx安装目录中的`conf/nginx.conf`文件进行编辑。为了使Nginx能够识别和提供服务给新的Web应用,需增加一个新的server块: ```nginx server { listen 80; server_name localhost; location / { root D:/path/to/my-web-project; # 替换为实际路径 index index.html index.htm; } } ``` 上述配置指定了当访问根URL时应指向哪个物理位置以及默认显示哪些索引页面[^2]。 #### 处理静态资源请求 如果Web应用程序包含了图片、样式表或其他类型的媒体文件,则还需要适当调整location指令以便正确处理这些静态资产。比如设置特定前缀用于匹配某些类型的资源请求: ```nginx location ~* \.(jpg|jpeg|png|gif)$ { expires 30d; } location ~* \.(css|js)$ { add_header Cache-Control "public, no-transform"; } ``` 这段代码设置了不同类型的文件缓存策略,提高了用户体验的同时减轻服务器负担[^4]。 #### 启动或重启Nginx服务 完成以上更改之后保存配置文件并通过命令行工具启动(如果是首次)或者重新加载Nginx使其生效。在Windows上可以通过批处理脚本实现这一点;而在Linux环境下则通常会使用service命令来进行管理[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博客zhu虎康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值