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

发布于 2024-09-28 22:39:21 字数 150 浏览 8 评论 0原文

我已将所有站点图像设置为通过 Amazon 的 Cloudfront CDN 提供服务。如果我的页面有时同时以 HTTP 和 HTTPS 方式提供服务,那么我是否应该将所有图像路径设置为 HTTPS 到 CDN?

这是一个不好的做法吗?

还有其他想法吗?

I have all my site images setup to serve from Amazon's Cloudfront CDN. If my pages will sometimes be served as both HTTP and HTTPS, then should I make all image paths HTTPS to the CDN?

Is this a poor practice?

Any other ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无法回应 2024-10-05 22:39:21

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

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

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ...

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

<link href="/styles.css" ...

或的

<link href="styles.css" ...

东西,您就可以了走吧!

Making all image paths to the CDN be over HTTPS is definitely a bad idea. There is a significant overhead with each HTTPS request, so you might not want to do that.

However, turns out there is a simple solution to specifying absolute, cross-domain URLs without the protocol. Simply use, in your css, something like

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ...

and make sure that your stylesheet is being served over the same protocol, either by using the same trick, or preferably by specifying a path without the protocol, i.e., something like

<link href="/styles.css" ...

or

<link href="styles.css" ...

and you're good to go!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文