p:captcha throws - 阻止在 FireFox 上加载混合的活动内容

Question

我在尝试使用 <p:captcha> 时遇到问题。我在 FireFox v34.0.5 中收到以下错误：

Blocked loading mixed active content "http://www.google.com/recaptcha/api/challenge?k=xxxxxxxxxxxxxxxxxxxxxxxxx"

检查按钮显示，但验证码图像不显示

我的应用程序托管在安全 (HTTPS) 服务器中，但验证码似乎使用 HTTP 连接到非安全服务器

这是我的 web.xml 文件：

<context-param>
    <param-name>primefaces.PUBLIC_CAPTCHA_KEY</param-name>
    <param-value><xxxxx_recaptcha_generated_public_captcha_key></param-value>
</context-param>
<context-param>
    <param-name>primefaces.PRIVATE_CAPTCHA_KEY</param-name>
    <param-value><xxxxx_recaptcha_generated_private_captcha_key></param-value>
</context-param>

还有我的视图文件（forgottenOPassword.xhtml）：

<p:captcha label="Captcha" rendered="#{passBB.showCaptcha}"/>

<p:commandButton actionListener="#{passBB.verifyCaptcha}"
                 ajax="false" 
                 icon="ui-icon-check"
                 rendered="#{passBB.showCaptcha}"
                 value="Check"/>

Answer 1

将<p:captcha> 的secure 属性设置为true。另请参阅VDL documentation：“启用 https 支持”。

<p:captcha ... secure="true" />

或者如果你想让它依赖于当前请求（例如，当你有 2 个版本的 webapp 并且验证码被放置在一些可重用的标签文件/组件中时），然后检查 HttpServletRequest#isSecure()：

<p:captcha ... secure="#{request.secure}" />

无论哪种方式，如果计算结果为true，则为CaptchaRenderer will use https instead of http。