nginx.conf之location巧用之法(避免工作踩坑)

引言:大家好,我是热爱coding,崇尚开源,乐于分享的【皮卡丘的猫】

相信大家在使用nginx过程中,nginx.conf 里面的location 配置可能还一知半解,本篇文章尽可能让你熟悉如何去配置使用location之妙法。

话不多说,先上原始的server块配置

 server {
        listen       89;
        server_name  localhost;



        location / {
            root   html;
            index  test.html;
        }



    }

首先大家肯定知道,在地址栏输入http://xx:89 。默认的是寻找html目录下的test.html文件。假如服务器路径为:/home/test/files/img/test.png,可以修改配置如下

 server {
        listen       89;
        server_name  localhost;



        location /test {
            root   /home;
        }



    }

在地址栏输入的是:http:xx:89/test/xx.png,定位到服务器寻找的拼接目录是从/home/test 寻找静态资源 ,为了对前端进行透明,root 可以换种别名的方式来处理,再比如:

 server {
        listen       89;
        server_name  localhost;



        location /static {
            alias   /home/test;
        }



    }

这样,通过别名的方式前端就不知道后端静态资源所在目录位置了。

接下来讲一下location的匹配规则解析

  • 空格:默认匹配,普通匹配

    location / {
    
        root /home;
    
    }
  • =:精确匹配

    location = /test/img/face1.png {
    
        root /home;
    
    }
  • ~*:匹配正则表达式,不区分大小写

    # 符合图片的显示
    location ~* .(GIF|jpg|png|jpeg) {
    
        root /home;
    
    }
  • ~:匹配正则表达式,区分大小写

    # GIF必须大写才能匹配到
    location ~ .(GIF|jpg|png|jpeg) {
    
        root /home;
    
    }

  • ^~:以某个字符路径开头

    location ^~ /test/img {
    
        root /home;
    
    }

至此,location的用法就讲完了,大家可以去实操一下吧。

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

皮卡丘的猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值