Linux-nginx路径的正则匹配

前端项目框架前奇百怪,react,vue还有原生

react面向类开发

vue面向方法开发,

原生,多页面开发模式

127.0.0.1/aa/bb/cc

作者是写react,当开发react的时候,html页面只有一个,领导要求,我们的域名下面变成127.0.0.1/aa/bb/cc,我们的react-route写完了,本地测试没问题,但是放到服务器上,不行了.直链根本访问不了,nginx根本代理不到这个地方

因为我们只有一个html,react通过地址识别进行载入,而cc这个指向了一个地址,我们没有这个路径的文件

所以根本无法指向

通过正则进行匹配.来解决路径指向问题.

1、^： 匹配字符串的开始位置；

2、 $：匹配字符串的结束位置；

3、.*:   .匹配任意字符，*匹配数量0到正无穷；

4、\. 斜杠用来转义，\.匹配 .    特殊使用方法，记住记性了；

5、（值1|值2|值3|值4）：或匹配模式，例：（jpg|gif|png|bmp）匹配jpg或gif或png或bmp

6、i不区分大小写

正则表达式匹配，其中：

代表此处开始使用正则进行匹配

 ~ 为区分大小写匹配
 ~* 为不区分大小写匹配
 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配

通过正则来匹配,alias来忽略地址指向,改为路径指向.来进行路径匹配.将所有aa/bb/**的地址,全部指向index.html

 location ~ ^[/][a][a][/][b][b][/]*.*$ {
            alias html/aa/cc;
            index /dist/template/index.html;
        
}