前端如何使用ngixn代理

當咱們服務器只有一個項目node項目時候，使用pm2啓動一個80的端口，可是多個項目的話，一種解決辦法就是域名+端口，顯然這種方式是不合理。

咱們的初衷是一個域名的就是一個項目，此時nginx的就能夠作到這一點。

nginx的安裝介紹

1. 先登陸本身的服務器，找到nginx.conf的文件，用編輯器打開（若是不知道這個文件在哪裏，能夠執行 whereis nginx.conf）

2. 修改nginx.conf的文件 ( 這段代碼添加在http裏面的#gzip on; 後面一行！！ 表示2個端口號，後期配置會使用的2個域名帶訪問)

upstream myjianshu {

       #ip_hash;

       server 127.0.0.1:1000;        

    }

upstream myemail {

       #ip_hash;

       server 127.0.0.1:8081;

    }
複製代碼

3. server裏面註釋掉 location 的配置，本身從新一個

server {
        listen       80;
        # jianshu 是我域名解析出來的
        server_name  jianshu.你的域名.cn; 

        #charset koi8-r;

        #access_log logs/host.access.log main;

        #location / {
        # root html;
	# index index.html index.htm;
        #}
	location / {

		#設置主機頭和客戶端真實地址，以便服務器獲取客戶端真實IP

		proxy_set_header Host $host;

		proxy_set_header X-Real-IP $remote_addr;

		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

		#禁用緩存

		proxy_buffering off; 

		#反向代理的地址(和 upstream 名字對應起來就ok了)

		proxy_pass http://myjianshu;     

	}

        #error_page 404 /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

複製代碼

server {
        listen       80;
        server_name  email.你的域名.cn;

        #charset koi8-r;

        #access_log logs/host.access.log main;

        #location / {
        # root html;
	# index index.html index.htm;
        #}
	location / {

		#設置主機頭和客戶端真實地址，以便服務器獲取客戶端真實IP

		proxy_set_header Host $host;

		proxy_set_header X-Real-IP $remote_addr;

		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

		#禁用緩存

		proxy_buffering off; 

		#反向代理的地址

		proxy_pass http://myemail;     

	}

        #error_page 404 /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
複製代碼

4. 而後找到nginx的文件(/usr/local/nginx/sbin)

./nginx -s reload
複製代碼

5. 刷新訪問

1. jianshu.XXX.cn
2. email.XXX.cn
複製代碼

以上是代理了2個項目，多個項目就是粘貼複製，域名解析和nginx.conf更改一些參數便可，而後重啓,刷新訪問