用nginx对把前端项目部署在本地window服务器上

1、安装nginx (https://nginx.org/)

上nginx官网，注意nginx版本有三种，如下：

下载后，解压（注意根路径上不能有中文），点击nginx的应用程序，

如果打开浏览器输入localhost能显示如下，表示nginx安装成功。

2、nginx部署过程

补充点： nginx部署项目至本地window服务器有别于部署在远端云服务器，部署在本地window服务器不需要单独进行ssh秘钥对本地和远端服务器关联，因为我们的操作是直接在本地服务器内部进行的，这点需要明白，也就是说后续我们在进行远程部署就需要进行ssh秘钥的验证。

nginx部署本地window服务器上有两种方式：

• 直接把dist文件丢到nginx默认执行对应路径内
• 修改nginx的默认执行路径，把路径改成我们dist打包文件在nginx内的路径（即按照自己的需求来）

方式一：把dist文件丢到nginx默认路径上

目的：这步操作的目的就是把nginx默认的执行路径改成我们项目打包好的dist文件，这样通过本地服务器地址localhost或者127.0.0.1回环地址就可以直接访问到我们的项目，执行dist文件夹中的index.html文件。
我们可以根据1中的安装过程知道执行本地服务器后显示的页面为nginx>html>index.html，这个index.html文件，因此我们可以把dist整个文件夹复制到该html文件夹内，并把dist内的文件也复制一份到html文件夹的根目录内，如下：

如此一来打开localhost本地服务器地址就会执行我们打包的这个文件的index.html。
​注意此处我们打开本地的服务器页面其实用127.0.0.1和localhost是一样的。
​以上就是关于用nginx服务器对window本地服务的项目部署。

方式二：修改nginx的默认执行路径

上面我们是直接把dist文件夹复制到html文件夹内，并把相应的index.html也放到了html的根目录内来执行nginx的默认执行路径，但是我们也可以对nginx的默认打开路径进行修改，具体如下：（以下的假设我们把dist复制在nginx的根目录上）

具体步骤：

1. 进去conf文件夹，打开nginx.conf文件。
2. 找到没有注释的location代码
   
3. 找到location，即nginx默认设置的入口，其中root html表示访问的入口文件夹为根目录下的html文件夹，index表示访问的文件名，后面index.html index.htm表示具体的访问文件。
4. 把root 后面的html改成dist即可，即把入口文件夹换成了dist，由于我们dist内的入口文件也是index.html，因此下面就不需要修改。
5. 修改保存完上面的配置信息，需要把配置信息重新加载到nginx中，在终端输入nginx -s reload,然后打开localhost或者127.0.0.1打开打包部署完成的项目。

总结：

• 安装nginx
• 把dist文件放到nginx默认执行路径内或者根据自己需求放置dist打包文件，但是修改nginx默认执行路径为dist文件路径