现在有两个静态前端静态项目: projectA, projectB, 需要配置成如:
www.test.com 指向A项目, www.test.com/b 指向B项目
- 先说正确结果, nginx 配置如下:
server {
listen 80;
server_name www.test.com;
location / {
root /data/projectA;
try_files $uri $uri/ /index.html;
}
location /b {
root /data/projectB;
## 注意这里面的 /projectB/index.html, vue里面,如果不写这个的话, 会有问题, 如直接访问: www.test.com/b/packing/index , 会去访问/data/projectA/index.html文件 , 不符合我的效果, 所以这里让它寻找一下: /projectB/index.html 就可以了
try_files $uri $uri/ /projectB/index.html;
}
access_log /data/logs/nginx/www.test.com.access.log main;
error_log /data/logs/nginx/www.test.com.error.log;
}
- 再说一下坑
刚开始配置的时候,访问: www.test.com/b/js/test.js nginx会报404错, 看到nginx错误,
[error] 27786#27786: *1487762 open() "/etc/nginx/html/js/test.js" failed (2: No such file or directory)
根本不是我配置的root路径, 就很奇怪, 大概配置如下:
server {
listen 80;
server_name www.test.com;
location / {
root /data/projectA;
try_files $uri $uri/ /index.html;
}
location /b {
root /data/projectB;
try_files $uri $uri/ /projectB/index.html;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
expires 30d;
access_log off;
}
location ~ .*\.(js|css)$ {
expires 12h;
access_log off;
}
access_log /data/logs/nginx/www.test.com.access.log main;
error_log /data/logs/nginx/www.test.com.error.log;
}
- 发现问题:
后来发现 , 在上面有做 js缓存 ,有这个代码
location ~ .*\.(js|css)$ {
expires 12h;
access_log off;
}
这是区分大小写的正则匹配, nginx中, 如果匹配到了这个location 就不会去找别的配置的location了, 最后把这个去掉就正常了, 这个问题找了好久 = =
- 关于匹配的规则文档
nginx的优先匹配规则
模式 含义
location = /uri = 表示精确匹配，只有完全匹配上才能生效
location ^~ /uri ^~ 开头对URL路径进行前缀匹配，并且在正则之前。
location ~ pattern 开头表示区分大小写的正则匹配
location ~* pattern 开头表示不区分大小写的正则匹配
location /uri 不带任何修饰符，也表示前缀匹配，但是在正则匹配之后
location / 通用匹配，任何未匹配到其它location的请求都会匹配到，相当于switch中的default
顺序不等于优先级：
(location =) > (location 完整路径) > (location ^~ 路径) > (location ~,~* 正则顺序) > (location 部分起始路径) > (/),
tip : location 配置与书写顺序无关, 看他的优先级, 然后看最大匹配
