关于https页面引用http资源报错问题

最新推荐文章于 2024-07-26 07:02:10 发布
最新推荐文章于 2024-07-26 07:02:10 发布
阅读量768 收藏 1
点赞数
分类专栏： 其他资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40277684/article/details/102466091
版权

在页面头文件中加入下面代码：


<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
小明同学——
关注
专栏目录
记一个Laravel项目https下访问，资源路径是http问题
蛐蛐的博客
11-30 978
1.问题 项目迁移后发现使用https访问首页，样式全挂，发现所有样式js、css路径都是http 后台发现样式资源文件使用URL::asset方法引入，而此方法默认生成http协议url 2.解决 在app/Providers/AppServiceProvider中修改boot方法： use Illuminate\Routing\UrlGenerator; public function boot(UrlGenerator $url) { $env =...
如何在https的网站上嵌套http资源
weixin_42409107的博客
09-20 1万+
前言： 今天解决了一个大问题，这个问题困扰了我两个多星期。一定要记录下，为遇到此问题的同学提供思路。 问题描述： 我做了个资源服务器，用来保存图片和视频的，在本地测试没有问题，在生产环境中回显时就会报错： 报错信息如下：MixedContent:Thepageat'<URL>'wasloadedoverHTTPS,butrequestedan...
http 中请求以 https 开头的地址会报错
qq_34794885的博客
03-04 910
页面的head中加入： 意思是自动将http的不安全请求升级为https
https 页面中引入 http 资源的解决方式
04-10 834
Mixed Content: The page at 'https://eng.stu.edu.cn/bme/Info.aspx?id=48' was loaded over HTTPS, but requested an insecure resource 'http://player.youku.com/embed/XMzM0ODAxNDAwOA=='. This request h...
怎样解决https网页加载http资源报错问题
最新发布
fastboot
07-26 1140
先回顾一下浏览器这一改变历史问题，在Chrome 90以前版本中，浏览器中输入网址后，会先定向至http://连接，而自打Chrome 浏览器 90以后的版本，用户输入网址URL时，如果不加上http://等前缀，浏览器就会默认添加“https://”。 浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个HTTP...
关于https路径下应用http资源问题-转载
JJstevenXu的博客
06-27 405
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 在html代码中添加如上代码 原文来自：https://blog.csdn.net/toubaokewu/article/details/78873697
网站检测提示主页面引用了不安全的HTTP资源导致降级怎么办?
qq_34403283的博客
03-28 1571
网站检测提示主页面引用了不安全。
https页面中引入http资源的方式
WinJay
12-16 6291
https页面中引入http资源的方式 ​ https引入http要根据具体情况分析，但是解决问题的前提是要先了解二者概念和区别，以及找问题出在哪里。不同项目有不同配置，不一定每次遇到同样的问题，都能用同样的办法解决，但是可以从以往遇到的情况和解决问题的方法进行分析，下面是我遇到https 页面中引入 http 资源遇到问题并解决的总结和分析。 一、H...
在https中引入http资源所导致的问题
weixin_43818482的博客
12-24 2028
前言 最近在周报系统和格子机项目中都出现了在测试服能够正常运行，部署到正式服之后就出现问题，这些问题的原因就是：一般测试服都没有安全性的需求，所以都是使用http协议。但是正式服现在一般都是使用更加安全的https协议。 问题 问题的关键就是在于这个协议的问题，浏览器默认是不允许在https里面调用http资源的。在这里根据我所遇到的情况大概是这样子的： 在IE浏览器浏览器中使用链接加载资源时会...
https网页加载http资源导致的页面报错及解决方案
逍遥自在
08-30 1773
最近在项目使用百度图表echarts时遇到了这个问题，在本地好好的，部署到线上服务器以后发现无法加载图表，F12查看到网页报错，大意是https默认阻止加载http资源，认为那是不安全的。 参考了前辈的文章，文章中分析了问题的原因，与自己遇到的情况吻合，初步确定问题的原因。 然后尝试用前辈的第2跟第4个轮子解决问题，无果，如果有大神知道怎么用，烦请留言告知，先谢过了。 由于项目比较赶，不想花...
WebView HTTPS页面引用HTTP资源的问题
开发简记
03-20 4050
问题 WebView页面图片无法显示； log报错： chromium: [INFO:CONSOLE(0)] "Mixed Content: The page at xxx was loaded over HTTP 原因 如果不单独设置，WebView是不支持在Https域名下加载Http资源的。 设置办法： //允许混合模式（http与https） if (Bu...
在https页面，通过iframe实现http跨域访问（解决mixed content）
piupiuz的博客
12-12 4993
解决浏览器mixed content报错
Https网站无法引用http外部资源
vergiltom的博客
01-04 1844
https网站是无法引用外部的http资源的（js或css） 解决方法如下： 1、放弃网站https 2、改为引用https外部资源
解决https页面加载http资源报错
高性价比服务器就选：蓝易云
02-04 557
最佳做法是将所有资源（如图像、样式表、脚本等）都迁移到HTTPS协议，以与主要页面的安全性保持一致。请确保你的资源链接都使用。在某些情况下，你可能需要更改网站的服务器配置，以确保HTTP资源能够在HTTPS页面上加载。如果无法更改HTTP资源的协议，你可以考虑使用代理将这些资源传递给HTTPS页面。如果你无法更改HTTP资源为HTTPS，可以考虑使用相对路径来引用这些资源。相对路径可以让浏览器根据主要页面的协议来加载资源，从而避免混合内容问题。最好的方式是尽量减少或完全消除混合内容，以确保页面的安全性。
解决https网页加载http资源报错问题
fastboot
02-05 2141
先回顾一下浏览器这一改变历史问题，在Chrome 90以前版本中，浏览器中输入网址后，会先定向至http://连接，而自打Chrome 浏览器 90以后的版本，用户输入网址URL时，如果不加上http://等前缀，浏览器就会默认添加“https://”。 浏览器默认是不允许在HTTPS里面引用HTTP资源的,一般都会弹出提示框,用户确认后才会继续加载,用户体验非常差。而且如果在一个HTTP...
在HTTPS安全页面中加载HTTP不安全的内容，如何绕过安全警告？
我的博客
03-14 3115
简介 毫无疑问，如今互联网正...
如何在https协议下访问http等不安全的资源
热门推荐
我说我是学霸你信吗的博客
08-17 1万+
很简单，只需一个mate标签 &lt;meta http-equiv ="Content-Security-Policy" content="upgrade-insecure-requests"&gt; 哈哈哈
启用了不安全的HTTP方法
u013673367的专栏
08-20 2036
启用了不安全的HTTP方法   2012-09-12 18:09:17|  分类： IT技术 |  标签：curl  webdav  tomcat  安全测试  |举报|字号 订阅 安全风险：       可能会在Web 服务器上上载、修改或删除Web 页面、脚本和文件。 可能原因：       Web 服务器或应用程序服务器是以不安全的方式配置的。 修
配置nigix之后页面静态资源加载不到报错： This request has been blocked; the content must be served over HTTPS...
08-25
### 回答1： 这个错误提示是因为你的网页使用了 HTTPS 协议访问，但是页面中的静态资源却是通过 HTTP 协议加载的，导致浏览器阻止了这些资源的加载。解决方案是将静态资源的地址改为 HTTPS 协议的地址，或者将整个网站都配置为 HTTPS 协议。具体操作可以参考以下步骤： 1. 将 Nginx 配置文件中的 listen 指令改为监听 443 端口，并配置 SSL 证书，如下所示： ``` server { listen 443 ssl; server_name your_domain.com; ssl_certificate /path/to/ssl/cert; ssl_certificate_key /path/to/ssl/cert/key; location / { # your website configuration } location /static/ { # your static resources configuration } } ``` 2. 将网页中静态资源的地址改为 HTTPS 协议的地址，如下所示： ``` <link rel="stylesheet" href="https://your_domain.com/static/css/style.css"> <script src="https://your_domain.com/static/js/main.js"></script> ``` 3. 重启 Nginx 服务，使配置生效。 ``` sudo systemctl restart nginx ``` ### 回答2： 在配置Nginx之后，如果遇到页面静态资源加载不到的错误，并显示"This request has been blocked; the content must be served over HTTPS..."，这意味着网站要求所有内容必须通过HTTPS进行服务。 HTTPS是一种安全的HTTP协议，它使用SSL/TLS加密通信，保护了数据的传输和用户的隐私安全。为了解决该问题，我们需要确保页面静态资源通过HTTPS进行加载。 首先，确保Nginx已正确配置SSL/TLS证书。证书的生成和配置过程略过。尽管可以使用免费的Let's Encrypt证书，但此过程超出了本文的范围。 在Nginx的配置文件中添加以下设置，确保重定向所有HTTP流量到HTTPS： server { listen 80; server_name your_domain.com; location / { return 301 https://$host$request_uri; } } 上述配置将监听80端口，并将所有HTTP请求重定向到相应的HTTPS地址。 然后，在对HTTPS做正确设置后，确认页面中的静态资源是否正确引用了HTTPS链接。在HTML或CSS文件中，将所有相对路径的资源地址改为绝对路径的HTTPS链接。 例如，原本的链接可能是： <link rel="stylesheet" href="/css/style.css"> 应更改为： <link rel="stylesheet" href="https://your_domain.com/css/style.css"> 对于包含图片或其他资源的链接也应该相应更改。 最后，检查Nginx的访问日志和错误日志，查看是否有其他与HTTPS相关的错误信息。根据错误信息进行相应的处理。 通过以上步骤，您应该能够解决配置Nginx后页面静态资源加载不到的问题，并成功进行HTTPS服务。 ### 回答3： 这个错误提示表明配置了nginx后，页面静态资源加载不到，因为资源必须通过HTTPS进行提供。这是因为nginx的配置中启用了HTTPS，但是静态资源的请求还是通过HTTP进行，所以页面加载时会被拦截。 要解决这个问题，可以采取以下步骤： 1. 确保nginx的配置正确。检查nginx.conf文件或虚拟主机配置文件，确认是否启用了HTTPS，并且相关的证书和密钥文件路径配置正确。 2. 确认页面中的静态资源引用使用的是HTTPS。检查HTML代码或者其他引用静态资源的文件，确保资源的URL路径是以HTTPS开头的。 3. 使用nginx的rewrite规则将HTTP请求重定向到HTTPS。在nginx配置文件中，可以使用rewrite规则将所有以HTTP开头的请求重定向到对应的HTTPS路径。例如可以添加类似以下规则： ``` server { listen 80; server_name example.com; return 301 https://$server_name$request_uri; } ``` 4. 重启nginx服务。完成上述配置后，重启nginx服务使配置生效。 通过以上步骤，应该能够解决配置nginx后页面静态资源加载不到的问题，确保页面通过HTTPS成功加载静态资源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值