Nginx 做本地图片js等静态资源映射、转发请求、做缓存

旧城等待， 2022-02-26 02:14 1066阅读 0赞

## nginx 做本地图片js等静态资源映射，转发请求 ##

1.  server\_name:监听请求名称
2.  root E:\\fileServer\\uploadFile; 指定本地静态文件路径
3.  if (!-f $request\_filename) 判断请求的文件是否不存在，不存在则转发请求到。  
    备注$1、$2…”等变量为请求正则中第几个参数，如：  
    location ~\* /(.\*)/(\\d+)*(\\d+)*(\\d+)x(\\d+)\_(\[0-9a-xA-X\]+).(jpg|png|jpeg|gif)$ \{
4.  proxy\_store 存为缓存，加快访问速度。proxy\_store\_access 加上文件的读写权限
5.  转发请求：proxy\_pass “[http://localhost:8080/imgService/thumbnailImgNginx?itemImg=$filepath&width=$width&height=$height&editType=center”;][http_localhost_8080_imgService_thumbnailImgNginx_itemImg_filepath_width_width_height_height_editType_center]

具体server\{\}配置：

server {
            listen       80;
            server_name  img.beidouxh.com;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
    	   proxy_pass http://img.beidouxh.com:8080/imgService/test;
            }
    
    	
    
    	location ~* /(.*)\/(\d+)_(\d+)_(\d+)x(\d+)_([0-9a-xA-X]+)\.(jpg|png|jpeg|gif)$ {
    		set $filepath "/$1/$2_$3.$7";
    		set $filename "$2_$3.$7";
    		set $thumb    "$2_$3_$4x$5_$6.$7";
    		set $width    $4;
    		set $height   $5;
    		set $editType $7;
    
    		root   E:\fileServer\uploadFile;
    		
    		if (!-f $request_filename) {
    			proxy_pass http://localhost:8080/imgService/thumbnailImgNginx?itemImg=$filepath&width=$width&height=$height&editType=center;
    			break;
    		}	
            proxy_store          $document_root/$1/$thumb;
          proxy_store_access   user:rw  group:rw  all:r;
         proxy_set_header     Host $host;
            }
    
    	location ~* \.(jpg|png|jpeg|gif)$ {
    
    	     root   E:\fileServer\uploadFile; 
    	}

[http_localhost_8080_imgService_thumbnailImgNginx_itemImg_filepath_width_width_height_height_editType_center]: http://localhost:8080/imgService/thumbnailImgNginx?itemImg=$filepath&width=$width&height=$height&editType=center%E2%80%9D;