关于 https 网站加载 http 资源自动升级的问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
ohyeahhh
V2EX    Javascript

关于 https 网站加载 http 资源自动升级的问题

  •  
  •   ohyeahhh 2022-09-28 14:55:02 +08:00 3395 次点击
    这是一个创建于 1183 天前的主题,其中的信息可能已经有所发展或是发生改变。
    网站是 https 的,页面中动态加载了一张图片,地址是 http 的,此时浏览器会将 http 自动升级为 https ,而这个图片链接本身又是不支持 https 的,导致图片无法加载
    请教一下各位这种情况有没有代码层面的解决方法?
    第 1 条附言    2022-09-28 16:21:06 +08:00
    忘了说背景了,项目是做富文本编辑的,会有从其它网站推过来的富文本内容,所以内容中的图片、视频资源有可能都是复制过来的,因此这个链接是 http 还是 https 的这边无法控制
    22 条回复    2022-09-29 15:55:52 +08:00
    xiawang
        1
    xiawang  
       2022-09-28 14:57:32 +08:00
    没有
    hxysnail
        2
    hxysnail  
       2022-09-28 14:58:12 +08:00
    将协议写完整 http://xxxx.com/xxxx.png 也会升级吗?感觉不合理呀……
    lixuanyy
        3
    lixuanyy  
       2022-09-28 14:58:38 +08:00 via iPhone
    这是浏览器的行为,js 也没办法。除非你是 http 站点。不会强制你用 https
    cnrting
        4
    cnrting  
       2022-09-28 15:10:10 +08:00 via iPhone
    把片放到自己的站不就行啦
    sunhelter
        5
    sunhelter  
       2022-09-28 15:11:47 +08:00   1
    浏览器的安全策略,会在 https 网站内屏蔽非 http 链接
    agood
        6
    agood  
       2022-09-28 15:14:54 +08:00
    网站支持 https 的话就不要放 http 的内容了,不过也有两种办法
    1.把图片等资源放到支持 https 的图床
    2.服务器反向代理转为 https
    Vegetable
        7
    Vegetable  
       2022-09-28 15:16:32 +08:00
    怎么会自动升级?直接就 Mixed Content 屏蔽掉了才对。这情况哪怕你的图片支持 HTTPS 也无法读取
    pota
        8
    pota  
       2022-09-28 15:24:54 +08:00
    不是直接屏蔽吗,为啥你那边是自动升级? 链接写了跟随协议?
    MAGA2022
        9
    MAGA2022  
       2022-09-28 15:32:32 +08:00   2
    自动升级应该是 meta 或者 headers 里设置了 Content-Security-Policy 为 upgrade-insecure-requests

    <meta http-equiv="Content-Security-Policy" cOntent="upgrade-insecure-requests" />
    zhuweiyou
        10
    zhuweiyou  
       2022-09-28 16:08:26 +08:00
    没有,既然用了 https,又不全用,还不如取消,直接 http
    Puteulanus
        11
    Puteulanus  
       2022-09-28 16:21:36 +08:00
    可以用一些支持 https 的公共 CDN 套一下,比如说 WordPress 的 https://developer.wordpress.com/docs/photon
    纯粹的代码方面没啥解吧,浏览器期望的就是加密页面不要加载非加密资源
    296727
        12
    296727  
       2022-09-28 16:33:43 +08:00
    反代
    baobao1270
        13
    baobao1270  
       2022-09-28 16:35:32 +08:00
    如果第三方资源地址是用户提供的话,建议缓存到自己服务器上。

    第一,这样可以保护内容安全,防止第三方内容有敏感或带病毒,也可以防止一开始用正常资源骗过审核然后替换。

    第二,防止数据和用户隐私泄露,随意加载第三方资源会让第三方知道你用户的 ip 地址和 referer ,甚至陈旧的浏览器会导致 cookie 泄露。
    Sain
        14
    Sain  
       2022-09-28 16:49:45 +08:00
    配置 html meta 或 nginx 的 Content-Security-Policy
    duan602728596
        15
    duan602728596  
       2022-09-28 16:52:43 +08:00
    其它网站推过来的,粘贴前格式化一边,图片转 base64 ,视频用占位。保存后图片存到自己的 cdn 上,视频转码,然后修改文章中的地址。
    yulgang
        16
    yulgang  
       2022-09-28 17:08:14 +08:00
    解决了的话,浏览器会提示网站引用了不安全内容
    ohyeahhh
        17
    ohyeahhh  
    OP
       2022-09-28 17:16:44 +08:00
    @yulgang 看来你经历过
    ohyeahhh
        18
    ohyeahhh  
    OP
       2022-09-28 17:17:07 +08:00
    @duan602728596 老哥这是个好思路
    gogogo2000
        19
    gogogo2000  
       2022-09-28 17:52:57 +08:00
    高版本 Chrome 会自动升级 https 页面中的 http 资源,即便链接写了 http 也没用。
    现在已经没有任何方法可以绕过了
    duan602728596
        20
    duan602728596  
       2022-09-28 19:10:13 +08:00
    @ohyeahhh 因为以前是在互联网新闻行业的,负责发布系统的开发和维护的
    lyz1990
        21
    lyz1990  
       2022-09-29 09:15:09 +08:00
    图片视频应该转存到自己这边来,防止意外。比如第三方把图删了,或者第三方把图换成了违法内容。
    xilou31
        22
    xilou31  
       2022-09-29 15:55:52 +08:00
    写个脚本,一旦监测到有不是本站的资源。自动下载并存在本地,然后把链接替换。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1057 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 18:31 PVG 02:31 LAX 10:31 JFK 13:31
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86