nginx如何配置部署一個(gè)域名,多個(gè)端口

更新時(shí)間：2026年03月30日 09:01:27 作者：高山仰止、景行行止

文章主要講述了在Windows下使用Nginx部署服務(wù)器的過(guò)程,包括配置Nginx、部署前端和后端項(xiàng)目、設(shè)置反向代理以及部署多個(gè)不同端口的項(xiàng)目

1.安裝好windows下的nginx以后

會(huì)有以下文件，找到conf下的nginx，此文件為nginx的配置文件

2.初始只有一個(gè)默認(rèn)80端口

這是nginx的默認(rèn)端口號(hào)

server {
        listen       80;
        server_name  "你的域名";

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
    
        //你的前端打包文件路徑
        location /{
           root  html/static/dist;
           index  index.html;    //指定入口文件
           try_files $uri $uri/ /index.html;   //重定向，解決刷新頁(yè)面404問(wèn)題
        }
	    location /shopDetail/ { 
        	try_files $uri $uri/ /shopDetail.html; //解決偽靜態(tài)頁(yè)面刷新404問(wèn)題
    	}
        //配置實(shí)現(xiàn)反向代理
        location /index.php {
		#rewrite ^/api(.*)$ /$1 break;
        	proxy_pass http://test:8080;    //你的后端接口API地址
        	proxy_set_header Host $host;
        	proxy_set_header X-Real-IP $remote_addr;
		
    	}

按照上面的配置以后，將前端打包文件放進(jìn)對(duì)應(yīng)路徑以后，如：html/static/dist，此時(shí)你的前端靜態(tài)網(wǎng)頁(yè)就可以通過(guò)域名來(lái)進(jìn)行訪問(wèn)了，但是我們后端項(xiàng)目也要通過(guò)nginx來(lái)部署一下，才可以實(shí)現(xiàn)在線訪問(wèn)。

上圖中，可以看到，后端的端口號(hào)為8080，此時(shí)我們用nginx開一個(gè)8080端口來(lái)代理前端對(duì)后端Api的訪問(wèn)：

“因?yàn)槲业暮蠖隧?xiàng)目是用php-admin的CI框架來(lái)搭建的”，

server {
        listen       8080;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   D:\webroot;    //指定后端項(xiàng)目文件路徑
            index  index.html index.htm index.php;
        }

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

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
	    location /index.php{
            root           D:\webroot;  //指定后端項(xiàng)目文件路徑
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
            fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_split_path_info ^(.+\.php)(.*)$;
            fastcgi_param   PATH_INFO $fastcgi_path_info;
            include        fastcgi_params;
        }

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

此時(shí)配置好反向代理以后，假如我想再部署其他幾個(gè)同域名不同端口的項(xiàng)目，又該怎么辦呢。

可以通過(guò)設(shè)置不同端口號(hào)來(lái)進(jìn)行區(qū)分:

server {
	listen       8083;
        server_name  "同一個(gè)域名";

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
	location /index.php {
	   #rewrite ^/api(.*)$ /$1 break;
           proxy_pass http://test:8080;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
		
    	}

        location /{
           root  html/8083/dist;
           index  index.html;
           try_files $uri $uri/ /index.html;
           
        }
        location /shoplist { 
         rewrite ^/shoplist(.*)$ /shoplist.htmls$1 redirect;
        }
    }

如上圖，我可以再開一個(gè)server,監(jiān)聽8083端口，就可以通過(guò)同一個(gè)域名不同端口號(hào)部署另一個(gè)項(xiàng)目。