captcha not show after enable header security

[herdi]

I have a problem when i enable header security link article https://my.f5.com/manage/s/article/K57207881

But captcha not show 

How to check this problem

[Amine_Kadimi]

What exact captcha are you referring to?

What is the security headers configuration you've implemented?

[herdi]

the format that i inspect png, and image broken 

i removed this rule and the captcha show again, i dont know what exactly should i modify this parameter

if {!([HTTP::header exists "Content-Security-Policy"])} {
       HTTP::header insert Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self'; font-src 'self'; img-src 'self'; frame-src 'self'; upgrade-insecure-requests"

Thanks

[Amine_Kadimi]

You didn't mention what kind of captcha you are using (recaptcha, hcaptcha, self made captcha ...). If this is an external service (hCaptcha, reCaptcha) you will have to tweak you rules a little bit.

[herdi]

 reCaptcha by google developer, i dont know how to modify irule, do you have any suggestion or reference ?

Thanks

[Amine_Kadimi · Accepted solution]

You need then to allow google recaptcha URLs. Something like that:

if {!([HTTP::header exists "Content-Security-Policy"])} {
       HTTP::header insert Content-Security-Policy "default-src 'self'; script-src 'self' https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/; style-src 'self'; font-src 'self'; img-src 'self'; frame-src 'self' https://www.google.com/recaptcha/ https://recaptcha.google.com/recaptcha/; upgrade-insecure-requests"
}

Frequently Asked Questions  |  reCAPTCHA  |  Google for Developers