静态页面中使用nginx与反向代理的坑与解决办法

公司最近加了个需求，需要给正在开发的静态原生页面新增登录请求接口的逻辑，原本不需要学nginx的,这下不得不学了,做完以后回过头来看，其实非常的简单。

开始安装niginx：
直接去官网进行下载http://nginx.org/en/download.html

我是w系统，自然就直接下载 stable version 中的windows版本

下载完了以后，解压文件

注意不要点开exe文件，要用命令行打开文件
具体方法就是直接在文件夹里右键=>在终端打开

键入start nginx.exe
就可以啦
静态文件直接连着img直接丢到html文件夹中就行，然后把入口文件名字改成index，把原来的文件删掉。
nginx相关的配置在conf文件夹里的nginx.conf，用文档打开就行。

server中的listen 就是你的端口名称

注意，不论是对配置还是对静态文件做了任何修改，都需要重启nginx

重启方法网上都是nginx -s reload
但是我在操作的时候直接会报错

注意下面的提示，按照提示，尝试.\nginx -s reload 结果就是成功了。

有启动，当然也会有停止服务方法:.\nginx -s quit或者.\nginx -s stop

服务可以正常的启动和关闭以后，自然就是跨域相关操作了，这也是启动nginx的服务最主要的原因

首先确定请求的地址，比如说http://abc.123.com/test/api/login

如果你不用nginx反向代理，直接请求这个地址，绝对会报跨域的错误，具体原因网上已经有非常多的解释，我就不啰嗦了。

那我们就需要在nginx里配置一个反向代理，具体操作如下:
首先打开conf文件夹中的nginx