nginx配置静态资源访问
背景
nginx是⼀款⾼性能的服务器,⽤途很多。除了可以作为后端服务的负载均衡反向代理服务器,还有⼀个⽤途就是做静态资源的缓存服务器。
当前项⽬基本上都是前后端分离,为了加速前端页⾯的响应速度,可以将前端的相关资源,如html,js,css或者图⽚放到nginx指定⽬录下。访问的时候只需要IP加路径就可以实现⾼效快速的访问。
正⽂
⼀.⾸先安装好nginx,启动nginx服务且能够正常访问 Welcome to nginx!界⾯
⼆.配置静态资源访问核⼼是配置f⽂件,到f⽂件
三.配置f
 3.1.在f的http节点中添加配置,参考下⽅格式:
server {
listen      8000;
listen      somename:8080;
server_name  somename  alias  another.alias;
location / {
root  html;
index  index.html index.htm;
}
}
  3.2 解读server节点各参数含义
    listen:代表nginx要监听的端⼝
    server_name:代表nginx要监听的域名
    location :nginx拦截路径的匹配规则
    location块:location块⾥⾯表⽰已匹配请求需要进⾏的操作
四.实例
nginx部署前端项目
    4.1准备要访问的静态⽂件
      两个⽂件夹:folder1 folder2  folder3各放两个⽂件⼀个index.html
    4.2创建⼀个server
server {
listen      9999;
server_name  localhost;
location /xixi {
alias  /Users/qingshan/folder1;
index  index.html;
}
location /haha {
alias  /Users/qingshan/folder2;
index  index.html;
}
location /folder3 {
root  /Users/qingshan;
index  index.html;
}
}
五.重点
  重点是理解alias与root的区别,root与alias主要区别在于nginx如何解释location后⾯的uri,这使两者分别以不同的⽅式将请求映射到服务器⽂件上。  alias(别名)是⼀个⽬录别名。
    例⼦:
      location /123/abc/ {
        root /ABC;
      }
      当请求qingshan/123/abc/logo.png时,会返回 /ABC/123/abc/logo.png⽂件,即⽤/ABC 加上 /123/abc。
  root(根⽬录)是最上层⽬录的定义。
例⼦:
      location /123/abc/ {
        alias /ABC;
      }
      当请求qingshan/123/abc/logo.png时,会返回 /ABC/logo.png⽂件,即⽤/ABC替换 /123/abc。   

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。