前端项目框架前奇百怪,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;
}