【前端开发】Windows本地Nginx部署WEB项目

一、部署说明

通常情况下，web项目开发后需要在本地部署进行试运行，确保在服务器能正常上线，部署的方式一般有以下几种：
1、静态H5页面直接在浏览器打开；
2、项目迁移到Tomcat下，运行tomcat访问；
3、项目迁移到nginx，修改nginx配置文件进行部署；
4、项目本身自带端口监听，运行服务即可访问；

二、nginx说明

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。

三、nginx部署

1、nginx下载

下载地址：http://nginx.org/en/download.html
根据需求下载对应的nginx版本和文件，此处下载最新的nginx/Windows-1.19.2。

2、本地部署项目

1）下载的文件在本地解压缩，目录结构如下：

2）将要部署的web项目放置到html目录下。

3）修改conf目录下的nginx.conf文件，针对访问内容进行路径指向配置

四、配置说明

1、原始配置文件说明

原始文件配置如下，根目录为D:/workspace/nginx-1.19.2。
用户访问域名为localhost，即将http://localhost/指向nginx 的html目录下的index.html文档

server {
        listen       80;
        server_name  localhost;
        location / {
            root  html;
            index index.html index.htm
       }
}

2、配置文件修改说明

实际项目配置中，可以根据需要采用root或者是alias，主要的区别是：
1）root