网站建设

Nginx反向代理导致图片、JS及CSS样式表无法显示问题解决

今天配置一个nginx反向代理项目,因为是测试环境所以发布了多个工程。但是发现有一个工程的js和图片都无法正常加载。

开始的思路是把js和图片等资源一块做一个正则表达式进行location但是这样调整了后发现js正常加载了但是图片无法加载了,再调整location路径使其适应图片位置又发现js无法加载了。所以笔者考虑js和图片的路径不在同一个层级导致的。

通过nginxerror日志发现jscss的路径和图片的路径位置是不同的也验证了笔者的猜测。所以笔者采用了正则表达式将jscss和图片分别作了uri定位。

具体配置如下所示:

virtual server81端口的实例中添加如下配置信息:

location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$

        {

         root /webapp/tomcat7/webapps/sdws;

         if (-f $request_filename) {

          expires 1d;

          break;

          }

         }

           location ~ .*.(js|css)$

        {

         root /webapp/tomcat7/webapps/;

         if (-f $request_filename) {

          expires 1d;

          break;

          }

         }

重新加载nginx问题解决。

nginx的完整配置如下所示:

#user  nobody;

worker_processes  1;

 

error_log  logs/error.log;

#error_log  logs/error.log  notice;

#error_log  logs/error.log  info;

#pid        logs/nginx.pid;

events {

    worker_connections  1024;

}

http {

    include       mime.types;

    default_type  application/octet-stream;

   #log_format  main  ‘$remote_addr – $remote_user [$time_local] “$request” ‘

    #                  ‘$status $body_bytes_sent “$http_referer” ‘

    #                  ‘”$http_user_agent” “$http_x_forwarded_for”‘;

 

    #access_log  logs/access.log  main;

    sendfile        on;

    #tcp_nopush     on;

    #keepalive_timeout  0;

    keepalive_timeout  65;

    #gzip  on;

server {

#实例其中之一

        listen       81;

        server_name  10.0.211.5;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {

               proxy_pass http://127.0.0.1:8081/sdws/;

               proxy_set_header Host    $host;

               proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html

        #

        error_page   500 502 503 504  /50x.html;

        location = /50x.html {

            root   html;

        }

        location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$

        {

         root /webapp/tomcat7/webapps/sdws;

         if (-f $request_filename) {

          expires 1d;

          break;

          }

         }

           location ~ .*.(js|css)$

        {

         root /webapp/tomcat7/webapps/;

         if (-f $request_filename) {

          expires 1d;

          break;

          }

         }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80

        #

        #location ~ .php$ {

        #    proxy_pass   http://127.0.0.1;

        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

        #

        #location ~ .php$ {

        #    root           html;

        #    fastcgi_pass   127.0.0.1:9000;

           fastcgi_index  index.php;

        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;

        #    include        fastcgi_params;

        #}

        # deny access to .htaccess files, if Apache’s document root

        # concurs with nginx’s one

        #

        #location ~ /.ht {

        #    deny  all;

        #}

    }

    # another virtual host using mix of IP-, name-, and port-based configuration

    #

    #server {

    #    listen       8000;

    #    listen       somename:8080;

    #    server_name  somename  alias  another.alias;

    #    location / {

    #        root   html;

    #        index  index.html index.htm;

    #    }

    #}

    # HTTPS server

    #

    #server {

    #    listen       443;

    #    server_name  localhost;

    #    ssl                  on;

    #    ssl_certificate      cert.pem;

    #    ssl_certificate_key  cert.key;

    #    ssl_session_timeout  5m;

    #    ssl_protocols  SSLv2 SSLv3 TLSv1;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;

    #    ssl_prefer_server_ciphers   on;

    #    location / {

    #        root   html;

    #        index  index.html index.htm;

    #    }

    #}

 

}

Related Articles

发表回复

Back to top button