概述

Question

概述

我收到混合内容警告，但找不到原因。 index.html文件源仅调用https://源，因此我不知道是什么引起了警告。

这几天，Chrome默认会阻止内容加载，因此解决此问题不再是可选的（网站不会加载）。

我已经阅读了有关SO上的混合内容警告的其他几个问题，但是没有一个问题与我完全相同。

问题

该网站为www.apidocs.co 如果我通过http://www.apidocs.co访问它，则加载正常。

但是，如果通过https https://www.apidocs.co访问它，加载失败并显示警告：

混合内容：“ https://www.apidocs.co/#/”页面已通过HTTPS加载，但请求了不安全脚本“ http://www.apidocs.co/static/js/chunk-vendors.19c4eadd.js”。该请求已被阻止；内容必须通过HTTPS提供。

源代码

vue-cli / webpack会自动将<script src=>标记添加到html文件中，但是如果您查看源代码，就会发现在所有资源上都使用https：//正确了：

<!DOCTYPE html>
<html>

<head>
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,600,700|Roboto+Mono:300,400,500,700" rel=stylesheet type=text/css>
    <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel=stylesheet>
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
    <link rel="shortcut icon" href="/static/brand/favicon-alt.ico?v=3" type=image/x-icon>
    <link rel=icon href="/static/brand/favicon-alt.ico?v=3" type=image/x-icon>
    <title>ApiDocs.co</title>
    <link as=style href=https://d24xbrclkiaht.cloudfront.net/static/css/app.eaa4c6f1.css rel=preload>
    <link as=script href=https://d24xbrclkiaht.cloudfront.net/static/js/app.7dc3f4ed.js rel=preload>
    <link as=script href=https://d24xbrclkiaht.cloudfront.net/static/js/chunk-vendors.19c4eadd.js rel=preload>
    <link href=https://d24xbrclkiaht.cloudfront.net/static/css/app.eaa4c6f1.css rel=stylesheet>
</head>

<body>
    <noscript><strong>We're sorry but client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript>
    <div id=app></div>
    <script src=https://d24xbrclkiaht.cloudfront.net/static/js/chunk-vendors.19c4eadd.js></script>
    <script src=https://d24xbrclkiaht.cloudfront.net/static/js/app.7dc3f4ed.js></script>
</body>

</html>

屏幕截图

CDN问题？

CDN（cloudfront）是否有可能通过http://重定向回原点？这是我能想到的唯一可能的原因，但是我已经检查了CDN设置并将其设置为Match Viewer。我已经尝试过HTTPS only和Redirect to HTTPS，但没有帮助。

CDN设置

更新

推出新版本后，问题就消失了。这很可能是CDN /缓存问题。

内容混合错误，但没有http：//资源请求

概述

问题

源代码

屏幕截图

CDN问题？

CDN设置

更新

0 个答案: