tdoly bio photo

tdoly

喜爱爬山,徒步的IT小小鸟

Twitter Facebook Google+ Github

使用nginx作为css,js,image静态文件的服务器

概述

最近web项目将图片,css,js等一些静态文件都移出去用svn统一管理了。所以在开发web项目时需要自己导入静态文件,或者配置一个HTTP服务来访问svn下的静态资源。当然不会每次都自己拷贝静态文件到项目了,nginx是一个不错的选择。

一些命令

tasklist /fi "imagename eq nginx.exe"

显示nginx在系统中的进程

显示nginx进程

其中一个是主进程,另一个是工作进程。

其他命令:

  • nginx -s stop 快速退出
  • nginx -s quit 优雅退出
  • nginx -s reload 更换配置,启动新的工作进程,优雅的关闭以往的工作进程
  • nginx -s reopen 重新打开日志文件

简单的配置

静态资源本地路径:E:\svn\web及文件如下:

本地文件列表

PS:习惯用linux下的ls命令,而在windows里面不能识别这个命令。为了能在windows里面使用ls命令,可以在C:\Windows 中加入一个文件ls.bat,内容如下

@echo off
dir

这样就能在windows下用ls了。

配置文件conf/nginx.conf

 1 #user  nobody;
 2 worker_processes  1;#推荐worker数为cpu核数,避免cpu不必要的上下文切换
 3 
 4 
 5 events {
 6     #表示每个worker进程所能建立连接的最大值
 7     #一个nginx最大的连接数max=worker_connections*worker_processes;
 8     #对于http请求本地资源最大并发数量为max
 9     #如果http作为反向代理,最大并发数为max/2。因为每个并发会建立与客户端的连接和与后端服务的连接,会占用两个连接。
10     worker_connections  1024;
11 }
12 
13 http {
14     include       mime.types;
15     default_type  application/octet-stream;
16 
17     log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
18                       '$status $body_bytes_sent "$http_referer" '
19                       '"$http_user_agent" "$http_x_forwarded_for"';
20 
21     #access_log  logs/access.log  main;
22 
23     sendfile        on;
24 
25     keepalive_timeout  65;
26 
27     server {
28         listen       80;
29         server_name  localhost;
30 
31         #charset koi8-r;
32 
33         access_log  logs/host.access.log  main;
34 
35         location / {
36             root   html;
37             index  index.html index.htm;
38         }
39 
40         # serve static files(css|js|image..)
41         #
42         location ~ ^/(images|javascript|js|css|flash|media|static)/  {
43           root        E:\svn\web;
44           access_log  off;
45           expires     30d;
46         }
47 
48         #error_page  404              /404.html;
49 
50         # redirect server error pages to the static page /50x.html
51         #
52         error_page   500 502 503 504  /50x.html;
53         location = /50x.html {
54             root   html;
55         }
56 
57     }
58 
59 }

主要是在server监控的80端口下新增一个location来指定静态文件路径,location 这个指令允许根据URI进行不同的配置。它可以使用字符串和正则表达式进行配置。如果使用正则,就必须使用前缀。

  • ”~” 匹配时区分大小写
  • ”~*” 匹配时不区分大小写
  • ”=” 精确匹配字符和字符串
  • ”^~” 例如: ^~ /images/ 匹配到任何以images开头的,便停止搜索。
1 location ~ ^/(images|javascript|js|css|flash|media|static)/  {
2       #请求的根文档
3       root    E:\svn\web; 
4       #过期时间
5       expires 30d;
6 }

这里的location匹配以images等开头的路径。如果文件路径不存在,会提示404错误。例如:http://localhost:80/css/detail.css。会找到E:\svn\web\css\detail.css

本地文件列表

可以正常访问到文件。

http://localhost:80/test/test.css。会提示404,虽然存在这个E:\svn\web\test\test.css文件。

本地文件列表

参考资料