nginx学习(2) - 静态资源分离

来源:互联网 发布:阻抗匹配网络计算工具 编辑:程序博客网 时间:2024/06/09 18:06

利用nginx, 将静态资源(图片/css/js)文件交由nginx服务器进行处理, 动态资源(jsp/.do)由tomcat进行处理。

具体nginx配置

#测试
upstream  cs {
   server cs.jiankang.com:8888;
   keepalive 64;
}
server {
   listen 80;
   server_name cs.jiankang.com;

#图片 ,放在image文件夹下
location ~ .*\.(jpg|png)$ {
root  /nginx-1.9.6/static/image;
expires      30d;
}

#css文件 ,放在css文件夹下
location ~ .*\.(css)$ {
root  /nginx-1.9.6/static/css;
expires      30d;
}

# js文件 ,放在j文件夹下s
location ~ .(jquery-1.9.1.min|common|bootstrap.min|CityJson|dialog|mobileDrivices|pageJS|tools|bodyList|mobiscroll.min)\.(js)$ {
            root  /nginx-1.9.6/static/js;
            expires      30d;
        }         

location / {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host  $http_host:8888;
proxy_set_header X-Nginx-Proxy true;
proxy_set_header Connection "";
proxy_pass      http://cs;
}

access_log  logs/logs/today/access_cs_com.log  main;
error_log   logs/logs/today/error_cs_com.log;
}
#测试

 目录结构



在项目中直接引入可以, 非常方便

<link href="/myproject.css" rel="stylesheet" type="text/css" />

<img src="/flow.jpg" />

<script src="/jquery-1.9.1.min.js" type="text/javascript"></script>

0 0
原创粉丝点击