如何在可能使用HTTPS的样式表中引用CDN图像?

Nex*_*Rex 5 https cdn stylesheet

我将所有网站图像设置为从亚马逊的Cloudfront CDN提供服务.如果我的网页有时会同时作为HTTP和HTTPS使用,那么我应该将所有图像路径HTTPS设置为CDN吗?

这是一种糟糕的做法吗?

还有其他想法吗?

Sou*_*mya 2

让所有到 CDN 的图像路径都通过 HTTPS 绝对是一个坏主意。每个 HTTPS 请求都会产生很大的开销,因此您可能不想这样做。

然而,事实证明有一个简单的解决方案可以在不使用协议的情况下指定绝对的跨域 URL。只需在你的CSS中使用类似的东西

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ...
Run Code Online (Sandbox Code Playgroud)

并确保您的样式表通过相同的协议提供服务,或者通过使用相同的技巧,或者最好通过指定没有协议的路径,即类似

<link href="/styles.css" ...
Run Code Online (Sandbox Code Playgroud)

或者

<link href="styles.css" ...
Run Code Online (Sandbox Code Playgroud)

就可以开始了!