求大神:nginx配置全局静态资源,但是加载不到项目的js

1.nginx配置全局静态资源,但是加载不到项目的js了

upstream getway_pool_hh{
        server 127.0.0.1:8068;
}
server {
    listen 80;
    server_name 112.124.202.74;
    access_log logs/1.log;
    error_log logs/12.error;

    location / {
            index index.html;
        }
        location ~ .*\.(jpg|gif|png|css|js|html|txt)$ {
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
            add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
            gzip on;
            gzip_http_version 1.1;
            gzip_comp_level 2;
            gzip_types text/plain application/javascript application/x-javascript text/css text/javascript image/jpeg image/gif image/png;
            root /usr/local/sss/resource;
        }

        location ~ .*\.(eot|svg|ttf|woff|otf)$ {
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
            add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
            gzip on;
            gzip_http_version 1.1;
            gzip_comp_level 2;
            gzip_types application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml;
            root /usr/local/sss/resource;
        }

        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 /getway {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://getway_pool_hh;
    }


}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

nginx 配置动静态资源 为什么只加载静态资源路径,服务的静态资源不加载。如果两个都加载该怎么配置

upstream getway_pool_hh{ server 127.0.0.1:8068; } server { listen 80; server_name 112.124.202.74; access_log logs/1.log; error_log logs/12.error; location / { index index.html; } location ~ .*\.(jpg|gif|png|css|js|html|txt)$ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; gzip on; gzip_http_version 1.1; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript text/css text/javascript image/jpeg image/gif image/png; root /usr/local/sss/resource; } location ~ .*\.(eot|svg|ttf|woff|otf)$ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; gzip on; gzip_http_version 1.1; gzip_comp_level 2; gzip_types application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; root /usr/local/sss/resource; } 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 /getway { proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://getway_pool_hh; } }

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; } ```

nginx静态资源访问问题

阿里云tomcat下面有这些工程![图片说明](https://img-ask.csdn.net/upload/201806/19/1529377819_997489.png) 其中ROOT下是静态资源和页面,可以通过www.xxxx.com 直接访问,但是我加入了NGINX配置后,别的工程都能正常访问,ROOT下的css,js图片都无法访问了,请问是哪里出的问题呢?谢谢大神

如何上传或同步文件至Nginx配置的静态资源服务器

如题,最近用nginx搭建了一个静态资源服务器,对于同步或上传文件至静态资源服务器,大家有啥好点子不?

【Nginx】配置完https,css加载不了了,求解

直接上图 ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537869096_258495.png) ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537869108_913325.png)

nginx 反向代理 静态资源 url重写?

我的nginx配置非常简单 ``` server{ location /app/ { proxy_pass http://172.20.0.1:5555/; } } ``` 172.20.0.1 ,web前端: ``` <html> <body> <script src="../static/main.js"></script> <div>hello</div> </body> </html> ``` ------------------ nginx 能通过 ip/app/ 访问到 172.20.0.1 的页面, 但是,里面的js文件没有转发,浏览器实际的路径: ip/static/main.js 正确路径应该是:ip/app/static/main.js 我要怎么改nginx配置才能实现?

nginx的静态和动态资源分开处理问题

利用nginx配置资源分开处理时,是通过配置location,设置相应的正则表达式以及对应的处理 规则。 比如 location ~* \.(gif|css){ root G:/test1/resource } 这里的问题是,gif在G:/test1/resource/image文件夹下,而css在G:/test1/resource/css文件夹下 。请问一下。。为什么我按照上面这样写,取不到对应的资源呢?难道不可以从父级目录访问到子目录么?如果不行的话,那要怎么写额。。。

nginx代理静态文件的问题

如果使用nginx代理静态文件,是否一定要求nginx和静态文件处于同一台服务器 例如:192.138.132.100 nginx服务器 192.138.132.101 静态文件服务器 这样可以么?

本地tomcat通过nginx配置,代理和https,出现很蛋疼的问题

前提:nginx和tomcat都在同一台机器上,nginx代理tomcat并做ssl,外网访问出现以下图一和图二状况,不知道是tomcat还是nginx的错? 图一:nginx配置和访问结果,访问都 http的域名+端口形式跳到https上 图二:nginx配置和访问结果,访问都 http的域名+端口形式跳到https上,只加了划红线的地方 图三:是本机tomcat 正常访问的页面 ![图片说明](https://img-ask.csdn.net/upload/201811/05/1541410140_54505.png)![图片说明](https://img-ask.csdn.net/upload/201811/05/1541410150_190821.png)![图片说明](https://img-ask.csdn.net/upload/201811/05/1541410159_702306.png)

TP3.2框架伪静态Nginx配置错误?

手机端伪静态跳转规则:RewriteCond %{HTTP_HOST} ^(m|wap|waps|m2)(.|\n)+$[NC]RewriteCond %{REQUEST_URI} !^/templates/wap2/ RewriteRule ^(.*)$ /templates/wap2/$1 在Apache运行环境下是可以正常跳转手机端并显示正常,但 是在Nginx运行环境下,转换成 location ~ /templates/wap2/ {}location / { if ($http_host ~* "^(m|wap|waps|m2)(.|\n)+$"){ rewrite ^(.*)$ /templates/wap2/$1; }}用浏览器开发者模式下用UA方式访问绑定转的手机域名后,出现302错误,重定向次数过多。如果使用手机域名直接访问下,就会读取不到手机样式,全部错位(在Nginx环境下)但是在Apache环境下就很正常!

nginx静态资源压缩,设置了没反应

请求中的Response Headers中有Content-Encoding: gzip 类型也对,但是没压缩,图片从6.6k压缩后变为6.7k 1.6k变为1.7k 是怎么回事

nginx如何配置可以访问远程主机资源

nginx安装在192.168.64.100上 图片1.png在192.168.64.102主机的路径为/tmp/images/1.png 现在需要使用image.xyz.com/images/1.png访问1.png这张图片 nginx.conf文件配置: server { listen 80; server_name image.xyz.com; location / { } } 哪位大神教教我server里面应该怎么配置呢?192.168.64.102主机还需要进一步配置吗?拜托

求助:Nginx+Gunicorn部署 Django后遇到Not Found错误

问题描述: Nginx+Gunicorn部署 Django后遇到Not Found错误 ![图片说明](https://img-ask.csdn.net/upload/202003/09/1583754685_161046.png) 服务器版本:CentOS 7.5 x64 说明:在虚拟环境中使用django自带的runserver运行(0.0.0.0:8000)后,使用公网IP:端口/index可以正常访问项目,关闭debug后使用 ``` pipenv run gunicorn blogproject.wsgi -w 2 -k gthread -b 0.0.0.0:8000 ``` 运行也可以正常访问,但是开启nginx后运行就出现如图错误。 /etc/nginx/conf.d/django-blog.conf配置如下 ``` [zijeak@VM_16_8_centos conf.d]$ cat django-blog.conf server { charset utf-8; listen 80; server_name 119.27.169.70; location /static { alias /home/zijeak/apps/django-blog/static; } location / { proxy_set_header Host $host; proxy_pass http://127.0.0.1:8000; } } ``` 查看nginx日志如下: ``` [zijeak@VM_16_8_centos conf.d]$ sudo nginx -t [sudo] password for zijeak: nginx: the configuration file /etc/nginx/nginx.conf syntax is ok nginx: configuration file /etc/nginx/nginx.conf test is successful ``` 项目目录如下: ![图片说明](https://img-ask.csdn.net/upload/202003/09/1583755294_598395.png)

Tomcat 加载 web项目 静态资源无法获取

在linux系统下 安装tomcat 加载项目 项目可以访问 但是样式没有出现 坐等大牛给解决方式

springboot项目配置nginx 访问404

启动一个springboot项目,server配置如下: ![图片说明](https://img-ask.csdn.net/upload/201806/07/1528333909_783649.png) 启动后访问成功,如下:![图片说明](https://img-ask.csdn.net/upload/201806/07/1528333966_257683.png) 配置nginx 代理,配置文件如下: ![图片说明](https://img-ask.csdn.net/upload/201806/07/1528333994_574451.png) 按域名访问,报404,如下: ![图片说明](https://img-ask.csdn.net/upload/201806/07/1528334032_727260.png) 问题:我将`proxy_pass` 属性换成 `http://127.0.0.1:8800/store` 也没有用,而且还有另一个问题,普通web项目(非springboot) 配置tomcat的application-context为/device,用nginx代理后为这样, ![图片说明](https://img-ask.csdn.net/upload/201806/07/1528334194_543946.png) 只需输入https://mainapi.icarbonx.com/device/ 就可以访问了,然而https://mainapi.icarbonx.com/device/会代理到http://127.0.0.1:25355,不是应该再加上/device才可以吗? 求大神解答!!!

nginx怎样配置欢迎页即首页到index.html静态文件,其它带后缀的请求都到tomcat里呢?

用nginx配置了反向代理到tomcat,静态图片访问本地一个目录里。 location / { proxy_connect_timeout 30; proxy_send_timeout 30; proxy_read_timeout 30; proxy_pass http://neiwang; } #静态文件访问 location ~ ^/(upload|static)/ { root /data/www; expires 2d; } 现在因为tomcat应用里首页进入比较慢,所以将首页生成了html的静态文件, 可是怎么配置nginx,使得直接访问域名时nginx转到这个html文件上, 其它带后缀的请求还继续到tomcat里呢?求助好心人解答,谢谢!

Nginx配置反向代理后加载页面没有css效果,js和图片怎么办?

如下文,我的配置文件配置了一个特殊的地址+字段的转发: location /te/ { proxy_pass http://222.222.124.77:8892/teacher ; } ``` 然后在页面上输入IP/te/可以到指定的页面,但是却没有css样式和JS效果。求怎么解决 ```

php 通过web重新加载nginx配置

在linux下我同过php命令直接运行test.php文件是可以成功的,但是我同过nginx去访问(也就是浏览器)test.php文件。死活执行不成功。。。test.php文件就一行代码。。。执行重新加载nginx配置的命令system("sudo service nginx restart", $out);。。 哪位大神可以告知下。

请教: nginx + tomcat https配置问题

项目需要配置https,根据网上查找资料,进行了以下配置: 1.nginx完整配置文件 ``` #user nobody; worker_processes 4; error_log logs/error.log info; events { worker_connections 65535; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; client_max_body_size 6m; server { listen 443 ssl; server_name www.xxxx.com; ssl_certificate cert/200000000000006.pem; ssl_certificate_key cert/200000000000006.key; ssl_session_cache shared:SSL:10m; ssl_session_timeout 10m; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_prefer_server_ciphers on; location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto https; proxy_connect_timeout 3; proxy_send_timeout 300; proxy_read_timeout 300; proxy_pass http://111.111.111.111:1111; } } server { listen 80; server_name xxxx.com; server_name *.xxxx.com; location / { rewrite ^(.*) https://www.xxxx.com permanent; } } } ``` 2.tomcat配置文件 ``` <?xml version='1.0' encoding='utf-8'?> <Server port="8005" shutdown="SHUTDOWN"> <Listener className="org.apache.catalina.startup.VersionLoggerListener" /> <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" /> <Listener className="org.apache.catalina.core.JasperListener" /> <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" /> <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener" /> <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener" /> <GlobalNamingResources> <Resource name="UserDatabase" auth="Container" type="org.apache.catalina.UserDatabase" description="User database that can be updated and saved" factory="org.apache.catalina.users.MemoryUserDatabaseFactory" pathname="conf/tomcat-users.xml" /> </GlobalNamingResources> <Service name="Catalina"> <Executor name="tomcatThreadPool" namePrefix="catalina-exec-" maxThreads="1000" maxIdleTime="60000" minSpareThreads="20"/> <Connector port="8009" protocol="AJP/1.3" redirectPort="8443" /> <Connector executor="tomcatThreadPool" port="1111" protocol="org.apache.coyote.http11.Http11AprProtocol" maxHttpHeaderSize="8192" maxThreads="1000" processorCache="1000" acceptCount="1000" minSpareThreads="100" acceptorThreadCount="8" URIEncoding="UTF-8" enableLookups="false" redirectPort="443" proxyPort="443" connectionTimeout="120000" keepAliveTimeout="120000" maxKeepAliveRequests="65535" disableUploadTimeout="true" compression="on" compressionMinSize="4096" noCompressionUserAgents="gozilla, traviata" compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain,application/json,application/x-javascript"/> <Engine name="xxxx" defaultHost="www.xxxx.com"> <Host name="www.xxxx.com" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"> <Valve className="org.apache.catalina.valves.RemoteIpValve" remoteIpHeader="X-Forwarded-For" remoteIpProxiesHeader="x-forwarded-by" protocolHeader="X-Forwarded-Proto"/> <Context docBase="/usr/local/apache-tomcat-7.0.63/xxxx" path="" reloadable="true" /> </Host> </Engine> </Service> </Server> ``` 启动 nginx 和tomcat后,无法访问。一直连接超时。 麻烦大神帮忙看下,配置哪里有问题,谢谢。

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信
立即提问