通过云端的 https 和 AWS 的 S3 存储桶不起作用

Posted 2023-03-27

【中文标题】通过云端的 https 和 AWS 的 S3 存储桶不起作用

【英文标题】：https via cloudfront and S3 bucket of AWS doesn't work

【发布时间】：2021-05-03 05:59:01

【问题描述】：

我通过在 Youtube 上学习教程完成了所有工作，因此我成功地将 Cloudfront 分发的域名链接到我的 S3 存储桶，其中只有一个 index.html。 （网址中有一个小锁图标）。

问题来了，当我将 Angular 的 dist 文件夹上传到同一个存储桶时，我也可以访问内容；但是，小锁图标变为带圆圈的感叹号图标，表明该网站并不完全安全。

请帮我一些忙

【问题讨论】：

可能是您的 Angular 应用程序使用了一些 http 而非 https 的 api。请在您的浏览控制台中查看连接的详细信息。

谢谢，当我打开控制台时，会说：main.ddabf8aff5b12259da80.js:1 混合内容：“dr2...778cr.cloudfront.net”处的页面是通过安全连接加载的，但包含一个表单针对不安全的端点“linkedin.com/in/neowebdeveloper”。该端点应通过安全连接提供。所以我应该把'linkedin.com/in/neowebdeveloper'改成'linkedin.com/in/neowebdeveloper'？

所有内容都必须是https，否则您会收到混合内容错误/警告。

谢谢，为我节省了时间，谢谢

没有探测。如果你不介意我会提供答案。我们将不胜感激。

【参考方案1】：

基于 cmets。

问题是由使用 http 和 https 引起的Mixed Content 连接引起的。

要解决这个问题，必须将所有http连接改为https。