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是不是有多个,如果有多个的话,可以先全部停止,然后再重新启动。