如何在本地安装使用nginx及部署自己的项目

1、下载nginx

https://nginx.org/en/download.html

点击下载压缩包、解压到任意位置

 

2、启动nginx

cmd 进入nginx文件夹 输入命令行:start nginx

3、查看是否成功启动nginx 

打开浏览器,输入: http://localhost:80 出现以下页面即为启动成功

 4、部署自己的项目

①将自己的代码放到nginx的html文件夹下

 

② 修改nginx的conf文件夹下的nginx.conf配置文件

 

5、重启nginx 

*只有修改配置文件后才需要重启,只是替换打包文件不需要重启

cmd 进入nginx文件夹 输入命令行:nginx -s reload

 6、停止nginx

输入命令行:nginx -s stop

### 配置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]。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

啃代码的毛毛虫

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

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

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

打赏作者

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

抵扣说明:

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

余额充值