nginx反向代理【window系统，干货！！】

1、首先下载nginx,官网下载地址【http://nginx.org/en/download.html】，建议下载稳定版本

2、下载好后解压，直接点击【nginx.exe】,会出现弹窗，一闪而过，理论上已经启动，如担心未运行可前往【任务管理器】查看状态。

增加命令参考：

 （1）nginx -v #显示安装的版本信息

 （2）start nginx，#命令方式启动

 （3） nginx -s stop#停止运行

3、打开【conf】--【nginx.conf】文件

4、更改四个位置，如图所示。

粘贴本文件删减后的全部源码：

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       8888; # 任意端口
        server_name  localhost; #本地运行地址

        location / {
            root   Argon;#原来的html，现在替换我实际项目路径；
        }

        # 新加的
        location /api/ {
            proxy_pass   http://IP:port/; # 后端接口 IP:port
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

}

5、以上解决后，可以先检查nginx更改是否有错，命令方式如下

 （1）nginx -t #检测是否有语法错误

 （2）nginx -s reload #重新加载Nginx配置文件

6、以上操作完成后，打开浏览器输入配置的http://localhost:8888/pages/login/login.html【http://server_name:listen/直接是root下对应文件路径，直接省略“root”对应的根目录/xx.html】

7、ajax链接代码展示

$.ajax({
        url: "配置的proxy_pass/api/php/a.php",
        type: "get",
        async: true,
        data: {
            
        },
        dataType: "json",
        success: function(data) {
            console.log(data)
        },
        error: function(data) {
            console.log(data)
        }
    });

以上内容根据实际操作流程编写，前端入门小白，可能存在不足，敬请大神批评指正。