Nginx动静分离配置

在/usr/local/nginx 下创建目录用来存放静态资源

我在/usr/local/nginx 目录下创建了一个xhsweb的文件夹
在这里插入图片描述
然后再这个文件夹中在创建一个static文件夹:
在这里插入图片描述
在static文件夹下是具体的文件:
在这里插入图片描述
之后在nginx.conf里面进行配置loaction
静态资源的配置不可以和动态访问路径写在一个location中
在这里插入图片描述
测试访问资源:

当浏览器发起http://139.196.79.22/static/这个请求时,它会去找/static前缀的location来处理,
最重要的是 比如当前我们 root 配置的是xhsweb 那么nginx会将/static 拼接在xhsweb的后面,变成了:xhsweb/static,所以说/static这个location的配置名,需要对应xhsweb下面的具体文件夹,是找/static这个文件夹下面的文件;
一句话理解就是 location 的前缀(比如:/static)要对应 root(比如:xhsweb)下面的文件夹

如果要访问/static文件夹下的其他文件,比如:login.html,就可以:http://139.196.79.22/static/login.html 进行访问;
如果我们有很多图片,就可以在static下面创建一个img文件夹来存放,访问时就变成啦:
http://139.196.79.22/static/img/nihao.jpg

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值