无法在使用 SSL 的服务器中获取 css 和 js 文件

Question

我在 codeigniter 中实现了一个网站，最近我将它上传到了具有 SSL 的生产服务器。

问题是，如果我使用“http”输入，一切正常。如果我使用 "https" 输入，则找不到所有 css 和 js。错误是：

Mixed Content: The page at 'https://www.xxxx.com/' was loaded over a secure connection, but contains a form which targets an insecure endpoint 'http://www.xxxx.com/secure/validate_credentials'. This endpoint should be made available over a secure connection.

Mixed Content: The page at 'https://www.xxxx.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.xxxx.com/assets/font-awesome/css/font-awesome.css'. This request has been blocked; the content must be served over HTTPS.

我已经在 codeigniter 中编辑了 config.php

例如$config['base_url'] = "https://www.xxxx.com/"

但还是会发生，如何调试和修复？感谢您的帮助

Answer 1

就像maque 说你有你的错误信息中的一切

但对于css、js和图片等资源，建议使用base_url()而不是site_url。

你可以升级到 Codeigniter 3.0 it is still in develop in the time of writing this answer，但它在这个阶段非常可靠，它有更好的 base_url() 和 site_url() 版本，因为你现在可以像这样在参数中添加协议

site_url("assets/js/jquery.min.js", "https")

Answer 2

您的错误消息中包含所有内容：

This request has been blocked; the content must be served over HTTPS.

看起来您的 html 中有指向“http”的静态链接。所以不要像这样直接在你的 html 中使用协议：

http://www.xxxx.com/assets/font-awesome/css/font-awesome.css

把它改成这样：

assets/font-awesome/css/font-awesome.css

另外请记住，如果您尝试使用来自未配置为使用 https 提供内容的其他域的 JS 或 CSS，您将遇到此问题。