前端如何使用ngixn代理

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

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

nginx的安裝介紹nginx

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

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

upstream myjianshu {

       #ip_hash;

       server 127.0.0.1:1000;        

    }

upstream myemail {

       #ip_hash;

       server 127.0.0.1:8081;

    }
複製代碼
  1. 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;
        }
    }
複製代碼
  1. 而後找到nginx的文件(/usr/local/nginx/sbin)
./nginx -s reload
複製代碼
  1. 刷新訪問
1. jianshu.XXX.cn
2. email.XXX.cn
複製代碼

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