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小时内删除。
发表评论