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)
        }
    });

以上內容根據實際操作流程編寫，前端入門小白，可能存在不足，敬請大神批評指正。