nginx 的root 根据html路径匹配 nginx location @router

书到用时方恨少！                                                                                                                             

一、说明

这个优先级别很重要的，如果优先级搞错，你会发现不管怎么配置。跳转说不定都不起作用。本人就遇到过，当找不到url时想重定向至一个特定的url，死活不生效。

二、优先级别

模式	意思
location =/url	=  开头表示精确匹配,只有匹配上才生效
location ^~/url	^~ 开头表示前缀匹配
location ~pattern	~ 开头表示区分大小写的正则匹配
location ~*pattern	~*开头表示不区分大小写的正则匹配
location /url	不带任何开头的也表示前缀匹配，但是优先级在正则匹配之后
location /	通配匹配，任何未匹配到其他location的请求都会匹配到， 相当于switch的default

以上表格从上到下优先级依次降低

三、附带的，配置下重定向

本人遇到的情况是，vue里面history模式刷新报404的问题。此问题的解决方案是在nginx里面配置一个重定向。

server {
        listen       8088;
	#前端
        location /web {
	    proxy_pass http://127.0.0.1:8081/web;
        }
	#后端
	location /service {
	    proxy_pass http://127.0.0.1:8082/service;
        }
	location =/web{
		#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
		try_files $uri $uri/ @router;
		index  index.html index.htm;
	}
	location @router {
		rewrite ^.*$ /web/redi.html last;
	}

    }

redi.html文件，是放了一个重定向提示语。正式环境时，此处可以弄一个404的图片或者啥。

我这里用了=是用的最高级别刚才尝试了下，用^~开头配置这种nginx直接起不来。可能是因为跟上面的/web冲突了，他们都是表示前缀匹配。因为，这种情况就直接用最高级别的吧。这个重定向

try_files $uri $uri/ @router 他就是先去找$uri，这个指他本身的uri。如果不存在再去找$uri/,如果还不存在再去找配置的@router。

@router里面的配置 可替代last的有：

last  #本条规则匹配完成后，继续向下匹配新的location URI规则

break  #本条规则匹配完成即终止，不再匹配后面的任何规则

redirect  #返回302临时重定向，浏览器地址会显示跳转后的URL地址

permanent  #返回301永久重定向，浏览器地址栏会显示跳转后的URL地址

好多功能还是需要自己去尝试，实践得真知。。。。