通过nginx在window下部署项目

1…安装nginx
首先,进入nginx 的官网,下载nginx,安装nginx
通过,https://nginx.org/ 链接进入

Mainline version:开发版,mainline 目前主力在做的版本
Stable version:最新稳定版,生产环境上建议使用的版本
Legacy versions :遗留老版本的稳定版

由此可见,我们要下载的是稳定版的,这样能避免出现一些问题。
在这里插入图片描述
在这里插入图片描述
点击下载,解压到某一个文件夹。
注意:解压到的文件夹不能包括中文,否则可能不能正常启动
双击启动接口
在浏览器中输入localhost,看到下面的页面说明安装成功了。
在这里插入图片描述

2…启动项目:
因为我做的是vue项目,项目在打包之后有一个dist 的文件夹,把项目的dist 文件夹复制过来,放到 nginx 的目录下:
在这里插入图片描述
然后在conf 中找到nginx.conf,打开nginx.conf:

在这里插入图片描述

将server 中location 中 root 修改为dist:
在这里插入图片描述
修改完配置文件之后,要重启一下。最好把nginx 停止,再启动。
不然可能页面会出现显示403。

window 下启动,关闭,重启nginx命令: 记得先切换到存放nginx的路径下在执行命令,如F:\nginx-1.18.0

启动的话就是直接点击下载下来的nginx.exe 就可以启动nginx。
关闭:
nginx -s quit 或者 nginx -s stop
stop :立即停止nginx,不保存相关信息
quit  :正常退出nginx,保存相关信息
重启:
nginx -s reload
reload  :改了配置信息的时候,需要重启,可以执行此命令。

然后重新运行一下 localhost 可以启动你的项目。前提是你得看看你的端口有没有被占用,如果占用了,可以去 iis 管理器 停掉相应的服务,再回网页启动试一试。
如果还是不行的话,要去电脑的资源管理器->进程,看看你的nginx是不是有多个,如果有多个的话,可以先全部停止,然后再重新启动。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值