nginx——不同前端项目共用一个端口

以前的配置项

之前再nginx中，针对前端页面的跳转等，通常会采取类似如下的方式实现：

server {
        listen       8040;
        server_name  localhost;
        root   /usr/local/nginx/html/st-screen;
}
1
2
3
4
5

监听8040端口，对其设定root 前端页面路径。达到请求访问8040端口则跳转对应的前端页面。

但是如果需要保证一个端口，设定多个不同的前端页面的跳转，则这种方式达不到效果。

配置文件改进

此时可以修改对应的配置文件，针对指定的端口，不再设定默认的前端地址。

采取location配置url的形式，达到不同的url设定，访问不同的前端页面。

大致设置如下所示，以8088端口支持两个前端项目为例：

server {
        listen       8088;
        server_name  localhost;
        # 移除默认的前端 root 地址设定
        #root   /usr/local/nginx/html/gs-screen;

        #charset koi8-r;
        # service  routing config        

	location /st-screen {
	     # 注意这里只能使用 alias
            alias /usr/local/nginx/html/st-screen;
	   # root /usr/local/nginx/html/st-screen;
            index  index.html index.htm;
        }
        
    	# images type configs

    	location /img{
    	   add_header content-type "image/png";
    	}

        #access_log  logs/host.access.log  main;

        location / {
            # 这里使用的是 root
            root   /usr/local/nginx/html/gs-screen;   
            index  index.html index.htm;
        }
        #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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

达到效果

• http://xxx.xxx.xxx.xx:XX 访问的是 gs-screen前端项目。
• http://xxx.xxx.xxx.xx:XX/st-screen 访问的是st-screen前端项目。

注意点

采取location配置不同的url，达到请求访问时，能够跳转不同的前端项目，需要注意：

root和alias的区别：

• root 是最上层目录的意思， 指的是相对路径，即相对访问路径的目录。
• alias 是目录别名的意思，指的是绝对路径。

nginx location root alias 用法说明