nginx 代理本地静态页面之后，静态资源加载失败

最新推荐文章于 2024-05-09 17:15:16 发布
最新推荐文章于 2024-05-09 17:15:16 发布
阅读量4.9k 收藏 3
点赞数 1
分类专栏： web 文章标签： nginx 前端 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czp555/article/details/126578878
版权

1.用高德地图写了2个静态页面，想代理给外网人员访问

2.使用nginx代理之后，页面静态资源一直加载不出来（页面直接相对路径引入的资源，在浏览器中http直接升级为了https导致页面加载静态资源失败）。

3.前期一直以为nginx代理配置有问题，找了好多解决方案没效果，最后发现是页面head上多了

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 

 仔细查询这个标签之后才明白：此标签会自动将http的不安全请求升级为https

czp555
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx代理实现静态资源访问
chenhaotao的博客
01-26 13万+
一. 目标: 为了通过nginx请求静态资源（css、图片等），通过nginx代理进行页面预览。 二. 实现效果: 通过浏览器输入nginx代理地址以打开页面方式访问本地html文件,也可以通过访问代理路由访问接口实现页面预览功能. 注:我演示的是在本地windows开发环境下的配置 三. 具体配置 1. nginx配置本地静态工程代理 找到nginx配置文件nginx.conf,配置nginx代...
Nginx系列之代理之后无法加载静态资源处理方法
Nicky's blog
12-16 9588
Nginx系列之反向代理之后无法加载静态资源处理方法，最近在跟https域名升级问题，遇到一个麻烦的任务，因为域名由另外的公司负责，对方公司开了一个nginx服务器做了类似的转发
Nginx 无法正确加载静态文件，静态文件加载404或者为html；Nginx 配置访问指定url路径项目部署；
JCM_ZZ的博客
08-07 7442
1.在nginx location 定义指定url段时，加载不到页面，例如：访问一级目录为 /mypage 并且 二级目录可以是任意非空值时/mypage/xxxxx，由于部署目录实际不存在 /mypage/xxxx，因此访问返回 404问题； 2.页面中使用相对路径引用静态文件时，使用指定url段访问页面，不能正确加载到静态文件，例如：访问一二级目录构成的url/mypage/special时，假如html中有一个静态文件引入路径为./style.css，那么在实际访问页面时加载的静态路径为http://
Nginx 反向代理静态文件并修改路径
最新发布
galoiszhou的博客
05-09 559
指令，用于尝试查找对应的文件。如果请求的文件不存在，则会返回。的请求时，Nginx 将会将这些请求映射到本地目录。配置完成后，重启或重新加载 Nginx，然后尝试访问。：这里配置了一个 location 块，用于匹配以。可以在 Nginx 配置中使用。的访问权限和路径配置正确，以及本地目录。：使用 alias 指令指定了本地路径。指令来指定一个本地路径作为代理目标。下的资源，它应该会被代理到本地目录。是重要的，确保路径设置正确。中包含所需的静态文件或资源。Nginx 配置想要将。的请求代理到本地目录。
Nginx无法访问静态资源，Nginx访问静态资源没有带端口导致静态资源无法访问，内网穿透后无法访问本地静态资源文件 js css
guzhizang的博客
10-18 2349
Nginx无法访问静态资源，Nginx访问静态资源没有带端口导致静态资源无法访问，内网穿透后无法访问本地静态资源文件 js css
nginx静态资源无法访问问题（nginx入口搞错问题）
qq_40719095的博客
10-21 6920
nginx静态资源无法访问问题
nginx代理时静态资源无法访问和数据更新无效的问题
学习是一种乐趣
11-12 1万+
这里讲一下我自己在玩服务器时遇到的坑，具体的解决办法肯定很多，毕竟自己不是专业的运维和Linux高手，只是将自己遇到的问题分享出来，仅供参考 前几天在服务器上部署自己写的一个小项目，通过tomcat进行发布，但是又不想暴露8080端口，于是通过ngnix进行代理解决，但是在项目部署完成时发现静态资源和更新数据到数据库时发现没有成功 在图中是使用域名直接访问，代理到tomcat8080端口，但是这个是有问题的，静态资源和数据更新是无效的不能真正的传递到tomcat服务器，然后通过这样就可以进行访问，url中
uwsgi+flask+nginx部署静态资源加载不出来
yryryrkkx的博客
03-15 860
当你的static所属路径不在你的项目路径的子路径的时候（像我的一样）：你部署网站也会下意识的将网站目录设置成你的项目所在路径，这就会导致你代理之后的网站没有权限访问static文件夹，也就会发生部分静态文件加载不出来的情况（为什么部分能加载出来这个问题我也不清楚），反正把你的这个网站目录改成static的上一级目录就对了。
Nginx 解决做反向代理时 静态资源图片、 js、css 访问不到
weixin_44195615的博客
07-26 4865
在反向代理时添加另一个规则。
【Nginx】配置反向代理，解决静态资源无法访问问题
yu57955的博客
06-20 3920
【代码】【Nginx】配置反向代理，解决静态资源无法访问问题。
nginx网站静态资源文件无法访问，提示403 forbidden错误
qq_27621439的博客
11-01 1338
403 forbidden
nginx映射后，公网通过域名无法访问到静态资源
warrah 南极狼
06-16 2058
nginx静态资源的问题
nginx代理出现静态资源读取不到
XIYECODE的博客
12-11 1万+
原因：读取到是nginx服务器地址下的静态资源，而非被代理服务器的静态资源。 解决：设置如下，形似动静分离 # 反向代理时，静态资源文件读取地址不是实际服务器地址，而是nginx的地址，需要如下配置才能真正读取到静态资源 location ~ .* { proxy_pass http://192.168.93.105; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_heade
Nginx无法加载Django静态文件问题解决
weixin_65584018的博客
10-11 2070
nginx 无法访问Django静态文件
nginx映射静态目录失败原因及解决方式
likearis的博客
09-22 764
其实这问题有点小白了背景是想使用nginx代理服务器上/opt/site/AnalysisService/test/images下的所有图像。
记录使用nginx部署静态资源流程，以及遇到的访问静态资源404问题
qq_47155894的博客
11-17 6115
将网站静态资源（HTML，JavaScript，CSS，img等文件）与后台应用分开部署实现，提高用户访问静态代码的速度，降低对后台应用访问，减轻后台服务器的压力。
nginx反向代理，带项目名称服务的反向代理静态资源无法加载
热门推荐
进化的深山猿
03-05 2万+
反向代理 反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求，发给内部网络上的服务器 并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器 反向代理总结就一句话：代理端代理的是服务端 正向代理 正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从...
nginx代理静态图片资源
06-12
好的，那我就来回答你关于 Nginx 代理静态图片资源的问题。 如果你想在 Nginx 中代理静态图片资源，可以通过以下步骤操作： 1. 在 Nginx 的配置文件中添加以下代码： ``` location /static/images/ { alias /path/to/images/; } ``` 其中，`/static/images/` 是你要代理的静态图片资源路径，`/path/to/images/` 是图片资源的实际地址。 2. 重新加载 Nginx 配置文件，使其生效。 ``` sudo nginx -s reload ``` 3. 然后，当你在浏览器中访问 `/static/images/` 路径时，Nginx 就会代理请求到实际地址，从而显示图片资源。 需要注意的是，如果你要代理的静态图片资源地址是 HTTPS 协议，则需要在配置文件中添加以下代码，以便让 Nginx 支持 HTTPS： ``` location /static/images/ { alias /path/to/images/; proxy_ssl_verify off; } ``` 这样就可以在 Nginx 中代理静态图片资源了。希望对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值