前端安装nginx,用nginx部署项目

一.安装nginx

在网址nginx: download下载稳定版本(stable version)的windows版本,下载下来zip然后解压;

前端安装nginx,用nginx部署项目_第1张图片

二.部署

1.打开conf文件夹下的nginx.conf文件,用记事本打开

前端安装nginx,用nginx部署项目_第2张图片

第一个要修改的地方是root,修改root路径为项目dist文件夹所在的绝对路径,第二个要修改的地方是代理,修改ip为部署后后端的ip(和前端代理差不多),修改完之后按保存

前端安装nginx,用nginx部署项目_第3张图片 

2. 保存nginx.conf文件后,在nginx文件夹的路径处cmd打开小黑框,输入如下指令启动(此处可以使用tab键自动补全nginx名称)

start nginx.exe

前端安装nginx,用nginx部署项目_第4张图片 

3.启动后访问本机ip+nginx.conf里的端口号(举例如上的8008)

4.假如需要再次修改nginx.conf文件,修改完保存,保存后重新start不一定有效,尝试重启nginx.重启指令如下,重启后再次刷新网页

nginx.exe -s reload

 5.如果部署以后有问题,可以去nginx的日志里看一下

前端安装nginx,用nginx部署项目_第5张图片

注意:日志里可能会出现root端口号8008被占用的情况,出现这种问题,可能是你之前在iis上部署的项目使用过这个端口号,所以你只需要去iis里面把部署的项目停用就ok,停用结束以后重复23或者4步骤就可以了. 

你可能感兴趣的:(前端,nginx,运维)