nginx静态资源无法完全加载的问题

我目前碰到的问题具体是这样的:
1. 若不开启静态资源压缩,则所有静态资源都无法加载。
2. 开启静态资源压缩后,部分静态资源可以访问,当某个超过40KB左右的JS文件无法访问时,其后续的静态资源都无法加载,各种浏览器试了都是同样的现象。

以上都是在Windows1809系统下,没有任何后端,纯前端静态。

nginx设置了MB级别的请求大小限制,绝对够KB级的静态资源访问用了,也设置了各种超时时长以及缓存,静态资源文件的访问权限也是有的,同时我查看了nginx本身的日志,所有请求的状态码都是200,并没有任何异常或报错,就浏览器那端报4XX或5XX。

此情况只出现在我本机上,局域网下其他机器访问我本机的nginx服务与资源都是完全正常的,而且我把同样的nginx配置和资源挪到其他机器跑起来然后自访问也是完全正常的,所以这个就很诡异了。

我个人怀疑可能是Windows防火墙、Defender杀毒软件、某一次系统更新,因为去年这些都是正常的,不太记得是哪一次系统升级或更新之后就出现这种情况了。

如果实在没办法了我只好重装系统来解决了

贴一下nginx主配置:

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; #on/off
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  300s 300s;
    fastcgi_connect_timeout 6000s;
    fastcgi_send_timeout 6000s;
    fastcgi_read_timeout 6000s;
    fastcgi_buffer_size 256k;
    fastcgi_buffers 8 256k;
    fastcgi_busy_buffers_size 256k;
    fastcgi_temp_file_write_size 256k;

    # 压缩配置
    gzip  on; #开启gzip压缩功能,默认是关闭的。
    gzip_static  on; #开启gzip静态资源
    gzip_min_length  1k; #允许压缩的页面最小字节数,默认是全部都压缩,最好不要小于1k,因为小于1k的可能越压越大。
    gzip_buffers  16  128k; #设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。4 16k代表以16k为单位,安装原始数据大小以16k为单位的4倍申请内存。
    gzip_http_version  1.1; #设置http协议版本,只对1.1版本进行压缩。
    gzip_comp_level  9; #gzip压缩比/压缩级别,压缩级别 1-9,级别越高压缩率越大,当然压缩时间也就越长(传输快但比较消耗cpu)。
    gzip_types  text/plain text/xml text/css text/javascript application/xml application/json application/javascript application/x-javascript image/x-icon image/jpg image/jpeg image/gif image/png application/x-font-ttf application/font-woff application/font-woff2; #设置压缩文件类型,这里指定了text/html text html js css json xml image font。
    gzip_disable  "MSIE [1-6]\."; #IE1-6版本不支持gzip压缩
    gzip_proxied  any;
    gzip_vary  off; #给http请求增加vary字段,不支持gzip的不进行压缩处理。

    # 设置上传文件大小限制
    client_max_body_size 50M;
    client_body_buffer_size 512K;
    client_header_buffer_size 10M;
    client_header_timeout 120s;
    client_body_timeout 120s;

    # http_proxy
    proxy_buffers 32 256k; #缓冲区,nginx针对单个连接缓存来自后端real-server的响应
    proxy_buffer_size 256k; #设置代理服务器(nginx)从后端real-server读取并保存用户头信息的缓冲区大小,默认与proxy_buffers大小相同,其实可以将这个指令值设的小一点
    proxy_busy_buffers_size 256k; #高负荷下缓冲大小(proxy_buffers*2)
    proxy_max_temp_file_size 1024M; #当proxy_buffers放不下后端服务器的响应内容时,会将一部分保存到硬盘的临时文件中,这个值用来设置最大临时文件大小,默认1024M,它与proxy_cache没有关系。大于这个值,将从upstream服务器传回。设置为0禁用。
    proxy_temp_file_write_size 256k; #当缓存被代理的服务器响应到临时文件时,这个选项限制每次写临时文件的大小。

    proxy_connect_timeout 300s;
    proxy_send_timeout 300s;
    proxy_read_timeout 300s;

    upstream nacos-server {
        server 127.0.0.1:8848;
        #server 127.0.0.1:8841;
        #server 127.0.0.1:8842;
        #server 127.0.0.1:8843;
    }

    include ../servers/*.conf;

}


某一个次配置:

server {
    # 设置端口监听
    listen       80;

    # 设置监听的域名(此处的域名为自定义配置,请在host文件中添加)
    server_name  nacos.cn;

    # 统一字符编码
    charset utf-8;

    # 资源根路径
    root static;
    #access_log  logs/host.access.log  main;

    # 默认配置
    #location / {
    #    index  login.html;
    #}

    # 端口转发配置

    location /nacos/ {
        proxy_pass              http://nacos-server/nacos/;
        add_header              From                    nacos.cn;
        proxy_redirect          default;
        proxy_set_header        Host                    $host;
        proxy_set_header        Server-Name             $server_name;
        proxy_set_header        Http-Host               $http_host;
        proxy_set_header        Cookie                  $http_cookie;
        proxy_set_header        Referer                 $http_referer;
        proxy_set_header        Nginx_Version           $nginx_version;
        proxy_set_header        X-Real-IP               $remote_addr;
        proxy_set_header        X-Real-Port             $remote_port;
        proxy_set_header        X-Forwarded-For         $proxy_add_x_forwarded_for;
        proxy_set_header        X-Forwarded-Proto       $scheme;
        proxy_set_header        X-Nginx-Proxy           true;
        proxy_cookie_path       /                       /;
    }

    # 异常处理
    #error_page  404              /404.html;
    error_page  500 502 503 504  /50x.html;

}
查看全部
LSL1618
SHI0ELD
2019/03/28 10:04
  • css
  • nginx
  • html5
  • javascript
  • css3
  • 点赞
  • 收藏
  • 回答
    私信

0个回复