页面图片路径是Http，但是图片请求为Https

最新推荐文章于 2024-05-30 16:13:17 发布
最新推荐文章于 2024-05-30 16:13:17 发布
阅读量1.1w 收藏 3
点赞数 2
分类专栏： http，https 文章标签： html http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whatevery/article/details/109514349
版权

最近在服务器上传图片的时候发现了一个问题，在图片路径处为http

在这里插入图片描述
但是，在请求的时候就变为了https

在这里插入图片描述
后来发现，代码中多了

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

我还给了个注释，但是没有看到

在这里插入图片描述
把这一行删除掉，问题就解决了

属于码农的烟火
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
https显示http图片_前端必知的http知识
weixin_39868959的博客
12-11 4495
http 1.1 协议基础知识；https 安全协议加密、解密处理；http 协议基础  浏览器地址栏中输入URL访问一个HTML页面，首页通过DNS域名系统解析到对应的服务IP信息；由HTTP协议生成的请求报文传输至传输层(TCP协议)；TCP将数据字节流传输至网络层(IP协议)，网络传输至(经过网卡、网线、路由器等)目标机器。TCP/IP协议层应用层：提供给用户的服务通信。比如：FT...
https域名下 请求http图片链接 被自动变成https请求
weixin_44384273的博客
09-27 4644
http 链接被转为了 https
前端项目部署在https服务上，项目中通过img标签访问http服务的图片（或访问其他http资源）时报错
最新发布
来杯卡布奇诺的博客
05-30 634
使用Content Security Policy (CSP)设置允许加载HTTP资源（不推荐）：虽然这种方法可以解决问题，但它降低了页面的安全性，因此不推荐使用。当你的前端项目部署在HTTPS服务上时，浏览器默认会阻止从非加密的HTTP服务加载资源，这是出于安全考虑。这种情况被称为“混合内容”（Mixed Content），即在一个通过HTTPS提供的页面上加载通过HTTP提供的资源。使用服务器端代理：另一种解决方案是在你的服务器上设置一个代理，将所有HTTP资源请求通过你的服务器转发。
http的网页下加载https图片失败
qq_40740171的博客
02-22 1929
https图片加载失败
html自动将http请求转变为https请求
WKing
09-03 9110
基础没打好就会老出现不该出现的问题 前段维护网站，发现网站发起和请求的资源文件全是https开头 查了一遍nginx的代码发现都没问题 看了一遍后端也没问题，后来就不了了之 今天又出现了这个问题，实在忍不了了 查看index.html文件发现里面有一行代码： <meta http-equiv="Content-Security-Policy" content="upgrade-i...
.Net 图片路径http在运行的时候变成了https
小豆芽i
02-16 609
图片路径从HTTP转变为HTTPS
vue项目中http请求线上成为https请求
bilibid的博客
11-08 4403
静态资源路径应该是http开头，访问的时候变成了https开头，导致找不到资源，后来发现是这句话搞得鬼。 <meta http-equiv=“Content-Security-Policy” content=“upgrade-insecure-requests”> 这个代码的作用是将站内加载的资源自动将http转为https 如果不需要去掉就可以解决问题 ...
发现http 请求被自动变成https请求
web全栈开发的博客
04-06 8275
仔细观察上图可以发现，网页中 img 标签 src 指向资源地址为 http 资源地址，但是在 network 面板查看发出的网络资源请求却变成了 https 请求，导致资源找不到报错404。(注：图片资源实际真实地址确实为 http 资源) 原因，因为添加如下CSP内容，将自动将http的不安全请求升级为https <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 但是如果去掉上述m
uniapp 编译浏览 http 突然变成 https://loaclhost:8080
qq_32519421的博客
04-30 7584
manifest.json 中点击源码展示，找到h5 ，把 "devServer" : { "https" : false }
http请求变成了https请求
weixin_38972910的博客
12-21 3048
用vue cli搭建的项目，前段时间一直可以用手机端访问电脑的这个vue项目，突然就不能访问了，并且用电脑浏览器输入ip访问也不行，只能通过localhost访问，发现报错是加载不了静态资源，我的静态资源路径应该是http开头，访问的时候变成了https开头，导致找不到资源，后来发现是这句话搞得鬼。 页面上存在这一行meta，等同于在header中添加 Content-Security-Policy 为true，会将页面中的http请求变成https请求 ...
浏览器自动将http请求转成https请求
热门推荐
阿文的博客
05-06 1万+
背景 https是用于项目网页的请求 http用于静态资源图片视频的加载 出现问题 使用google浏览器可以正常加载图片,但是访问视频时,浏览器自动将http请求转成https,就查不到视频资源了 使用windows自带的浏览器,图片,视频都被转成了https请求 原因 浏览器会自作主张将访问静态资源的http请求转成https请求,而我后台加载静态资源使用的nginx,nginx静态资源监听的80端口 http请求默认用的80端口,https请求默认用的443端口,所以访问不到静态图片和视频
谷歌浏览器下禁止浏览器自动代理http图片到https
Interest1_wyt的博客
11-01 1358
谷歌浏览器下禁止浏览器自动代理http图片到https 1、前言 所在公司目前开发了一个新的模块，但是集成到门户后。 用谷歌浏览器打开门户，访问模块内http类型的图片时，访问不了，通过debug排查，发现是http图片链接转换成了https形式。初始以为是前端代码问题，但是换个浏览器后，用360浏览器打开门户，则可以正常访问http类型图片。于是判断为谷歌浏览器自动转换了http请求。使用了网上配置域名了方式，但是没有起作用，后面经过下面的设置后，解决了问题，配置如下： 2、解析及...
tomcat配置https，单方验证，并自动将http请求转成https
weixin_30270561的博客
02-24 184
　　第一次写博客，希望大家多多支持。如有觉得不对的请大家指正，本博客写来只为自己方便查找。 　　使用jdk中自带的keytool生成数字证书。 　　第一步：生成密钥文件 　　在这之前，让我们看看keytool的帮助吧 　　　　通过win+R输入cmd，然后输入以下命令 　　　　keytool -genkey -help，就会出现如下： 　　　　　　D:\>keytool -gen...
页面Http请求自动变成了Https请求
滴水石穿
02-19 2765
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> 页面上存在这一行meta，等同于在header中添加 Content-Security-Policy 为true，会将页面中的http请求变成https请求
谷歌浏览器静态资源http请求被转为https请求
andi605472218的博客
01-20 1659
加载图片这些静态资源的时候被转成https的，可能是浏览器的设置原因，谷歌浏览器左上角叹号——网站设置——不安全内改为允许
Chrome如何解决http自动转为https问题
丘鸣山的博客
10-31 274
开发中总遇到http被浏览器转为https导致无法访问404。就能正常访问你的http不安全地址。
Vue项目原本原本http请求变成了https
Mjxiaomihu的博客
07-29 4883
Vue项目原本原本http请求变成了https
vue http https , vue项目中的http请求自动变为https
m0_62939452的博客
08-01 1491
vue项目中的http请求自动变为https，有可能就是因为在模板文件里加了下面这一行代码。如果不需要去掉就可以解决问题。
解决页面Http请求自动变成了Https请求问题
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
01-31 6409
页面上存在这一行meta，等同于在header中添加 Content-Security-Policy 为true，会将页面中的http请求变成https请求。在页面中删除此行代码，就解决了以上问题。
前端img中的src请求其他项目的路径会先图片
05-01
前端img中的src请求其他项目的路径会先请求图片的原因是因为浏览器中的img元素是根据src属性值来加载相关图片资源的。当浏览器读取到img元素后，会根据img元素的src属性值来发送请求，请求对应的资源。如果src属性值是其他项目的路径，在请求该路径之前，浏览器会优先请求该路径下的图片，因为图片资源通常是被大量使用的，而且优先加载图片能够提高页面的用户体验。相反，如果优先请求其他项目的路径，则会增加加载时间，降低用户体验。 可以通过以下方式来解决这个问题： 1.将其他项目的路径的图片放到同一域名或跨域的子域名下，避免请求跨域图片。 2.使用不同的文件夹来存放不同类型的资源，例如图片和其他项目的路径可以分别存在不同的文件夹中。 3.使用CSS的background属性来替代img元素。因为CSS的background属性可以支持多个资源的加载，不会出现优先请求其他项目路径的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值