Windows下安装Nginx

本文介绍了Nginx的安装步骤和基本操作,包括从官方下载稳定版、解压、通过命令行启动和关闭服务。同时,展示了如何通过配置`nginx.conf`实现对项目的访问,特别是针对单页应用在history模式下的配置。通过修改配置并重启服务器,可以确保Nginx正确地代理和展示静态资源。
摘要由CSDN通过智能技术生成

简述Nginx

Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站 点(俄文:Рамблер)开发的

安装步骤

  1. 下载 Nginx
    下载地址:http://nginx.org/en/download.html (Nginx官网)
    在这里插入图片描述
    箭头指向的是稳定版的,下载即可

  2. 下载之后,解压到指定的目录,就可以看到以下的目录
    在这里插入图片描述

  3. 控制台(CMD)切换到Nginx目录下,输入start nginx ,然后在浏览器页面输入localhost,出现如下界面则表示安装成功。默认监听80端口号。
    在这里插入图片描述

  4. 操作Nginx的指令
    start nginx 开启nginx服务
    nginx.exe -s stop 关闭nginx服务,快速停止nginx,可能并不保存相关信息
    nginx.exe -s quit 关闭nginx服务,完整有序的停止nginx,并保存相关信息
    nginx.exe -s reload 重载nginx服务,当你改变了nginx配置信息并需要重新载入这些配置时可以使用此命令重载nginx
    使用 taskkill /F /IM nginx.exe > nul命令强关nginx服务器

访问自己的项目

hash模式

  1. 打包

npm run build

  1. 把生成的dist目录,放到html目录下
    在这里插入图片描述

  2. 浏览器访问:localhost/dist/index.html就可以看到页面

history模式

当你使用 history 模式时,url就像正常的url,例如
“http://baidu.com”,不过这种模式还需要后台配置支持。因为我们的应用是单页面应用,如果后台没有正确的配置,当用户在浏览器直接访问

首先配置一下 conf --> nginx.conf 用编辑器打开nginx.conf,配置下location

location / {
	root   html/dist/;
	try_files $uri $uri/ /dist/index.html;  
	index index.html;
        }

注意注意!!
修改配置后一定要重新启动服务器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值