nginx部署前端項目location時root和alias配置指南

更新時間：2024年01月08日 15:53:39 作者：阿松哥哥2018

nginx指定文件路徑有兩種方式root和alias,下面這篇文章主要給大家介紹了關于nginx部署前端項目location時root和alias配置的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

操作說明

1、nginx目錄中html目錄下放置green 前端項目

監(jiān)聽端口：8181

nginx配置文件配置location時使用root方式

	# root 方式
		#  方式1 域名直接可訪問到  即 localhost:8181
		#location / {
        #    root   html;
        #    index  green/index.html green/index.htm;
        #}
		
		#  方式2 域名直接可訪問到  即 localhost:8181
		#location / {
        #    root   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式2.1 域名直接可訪問到  即 localhost:8181
		#location / {
        #    root   html/green;
        #    index  index.html index.htm;
        #}

		# 方式3  域名+/green  可訪問到  即 localhost:8181/green
        #location /green/ {
        #    root   html;
        #    index  index.html index.htm;
        #}
		
		# 方式3.1  訪問不到green下任務資源
        #location /green/ {
        #    root   html/green/;
        #    index  index.html index.htm;
        #}

以上三種方式結論驗證用root屬性指定的值是要加入到最終路徑中的，匹配條件會拼接到路徑中

即最終獲取的靜態(tài)頁面路徑為：域名 + root + 區(qū)配條件 + index

即找到 localhost:8181/html/green/index.html

備注：方式2 和方式2.1 用于驗證 root 屬性的值最后的 “/“為非必須，有沒有最后一個”/” 都可以訪問到

nginx配置文件配置location時使用alias方式

# alias 方式
		#  方式1  域名直接可訪問到  即 localhost:8181
		#location / {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式1.1  訪問不到green下任務資源
		#location / {
        #    alias   html/green;
        #    index  index.html index.htm;
        #}
		
		#  方式2  域名直接可訪問到  即 localhost:8181
		#location / {
        #    alias   html/;
        #    index  green/index.html green/index.htm;
        #}
		
		#  方式3  域名直接可訪問到  即 localhost:8181/green
		#location /green {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式3.1  域名直接可訪問到  即 localhost:8181/green
		#location /green/ {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}

以上三種方式結論驗證用alias屬性指定的值，匹配條件不會拼接到路徑中，會直接在alias屬性的值下面去找資源

即最終獲取的靜態(tài)頁面路徑為：域名 + alias + index

即找到 localhost:8181/html/green/index.html

備注：方式1 和方式1.1 用于驗證 alias 屬性的值最后的 “/“為必須，沒有最后一個”/” 訪問不到

完整的nginx配置文件如下

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
	
	map $time_iso8601 $logdate{
            '~^(?<ymd>\d{4}-\d{2}-\d{2})' $ymd;
            default 'date-not-found';
    }

    access_log  logs/access-$logdate.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       8181;
        server_name  localhost;

        access_log  logs/access-$logdate.log  main;
		
		# root 方式
		#  方式1 域名直接可訪問到  即 localhost:8181
		location / {
            root   html;
            index  green/index.html green/index.htm;
        }
		
		#  方式2 域名直接可訪問到  即 localhost:8181
		#location / {
        #    root   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式2.1 域名直接可訪問到  即 localhost:8181
		#location / {
        #    root   html/green;
        #    index  index.html index.htm;
        #}

		# 方式3  域名+/green  可訪問到  即 localhost:8181/green
        #location /green/ {
        #    root   html;
        #    index  index.html index.htm;
        #}
		
		# 方式3.1  訪問不到green下任務資源
        #location /green/ {
        #    root   html/green/;
        #    index  index.html index.htm;
        #}
		
		# 以上三種 方式結論驗證  用root屬性指定的值是要加入到最終路徑中的，匹配條件會拼接到路徑中
		# 即最終獲取的靜態(tài)頁面路徑為：域名 + root + 區(qū)配條件 + index
		# 即找到 localhost:8181/html/green/index.html
		# 備注：方式2  和方式2.1 用于驗證 root 屬性的值最后的 "/"為非必須，有沒有最后一個"/" 都可以訪問到
		
	
	
		# alias 方式
		#  方式1  域名直接可訪問到  即 localhost:8181
		#location / {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式1.1  訪問不到green下任務資源
		#location / {
        #    alias   html/green;
        #    index  index.html index.htm;
        #}
		
		#  方式2  域名直接可訪問到  即 localhost:8181
		#location / {
        #    alias   html/;
        #    index  green/index.html green/index.htm;
        #}
		
		#  方式3  域名直接可訪問到  即 localhost:8181/green
		#location /green {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}
		
		#  方式3.1  域名直接可訪問到  即 localhost:8181/green
		#location /green/ {
        #    alias   html/green/;
        #    index  index.html index.htm;
        #}
		# 以上三種 方式結論驗證  用alias屬性指定的值，匹配條件不會拼接到路徑中，會直接在alias屬性的值下面去找資源
		# 即最終獲取的靜態(tài)頁面路徑為：域名 + alias +  index
		# 即找到 localhost:8181/html/green/index.html
		# 備注：方式1  和方式1.1 用于驗證 alias 屬性的值最后的 "/"為必須，沒有最后一個"/" 訪問不到
		

        #  后臺服務； 
        location /fdiagnose/ {
			proxy_ignore_client_abort   on;
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        	proxy_pass http://localhost:9090;
        }
    }
}