菜单

让浏览器不再呈现 https 页面中的 http 供给警报

2019年10月4日 - 皇家前端

让浏览器不再显得 https 页面中的 http 必要警报

2015/08/26 · 基础技巧 ·
HTTPS,
浏览器

初稿出处:
李靖(@Barret李靖)   

HTTPS 是 HTTP over Secure Socket Layer,以安全为目的的 HTTP 通道,所以在
HTTPS 承载的页面上差别意出现 http 央浼,一旦出现正是提醒或报错:

Mixed Content: The page at ‘‘ was loaded over
HTTPS, but requested an insecure image ‘’.
This content should also be served over HTTPS.

HTTPS退换之后,大家得以在广大页面中见到如下警报:

皇家前端 1

成都百货上千运维对 https 未有技艺概念,在填写的数量中难免出现 http
的能源,种类壮大,出现马虎和漏洞也是不可转败为胜的。

CSP设置upgrade-insecure-requests

还好 W3C 专门的职业组考虑到了我们晋级 HTTPS 的不方便,在 2014 年 五月份就出了一个 Upgrade Insecure Requests 的草案,他的职能正是让浏览器自动进级央浼。

在大家服务器的响应头中参与:

header(“Content-Security-Policy: upgrade-insecure-requests”);

1
header("Content-Security-Policy: upgrade-insecure-requests");

皇家前端 ,咱俩的页面是 https 的,而那一个页面中隐含了大气的 http
财富(图片、iframe等),页面一旦发觉存在上述响应头,会在加载 http
能源时自动替换来 https 央浼。能够查阅 google
提供的三个 demo:

皇家前端 2

但是令人不解的是,这么些能源发出了一次呼吁,估量是浏览器完成的 bug:

皇家前端 3

理所必然,如若大家不便利在服务器/Nginx
上操作,也得以在页面中参加 meta 头:

XHTML

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

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

当下支撑这些设置的还唯有 chrome 43.0,但是本人深信不疑,CSP 将改成现在 web
前端安全努力关切和选择的从头到尾的经过。而 upgrade-insecure-requests 草案也会飞速踏入大切诺基FC 情势。

从 W3C
职业组给出的 example,可以看来,那个装置不会对外国的
a 链接做管理,所以能够放心使用。

1 赞 收藏
评论

皇家前端 4

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图