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