background-image:url não funciona para amazon s3 image

[DoVale 0]

Olá,

 

To concluindo uma aplicação com django que gera certificado em pdf..

 

Tava tudo certo até fazer deploy no heroku e ter que criar um s3 na amazom para colocar os arquivos staticos

 

Tenho um html com o template do certificado que recebe os dados dos alunos tranquilo, o background (template do certificado) não está carregando, quando estava localhost, com o caminho da pasta, tava funcionando, mas agora não.

 

A tag img funciona tranquilamente, mas o background por css não.

Aqui o código do template:

    <meta charset="utf-8" />
    {% load static %}
    <style type="text/css">
            @page {
                size: 1122.52px 1587.4px ;
                /*size: A4 landscape;*/
                margin: 0cm;
                background-image: url({{bg_front}});
                height: 1588;
            }
    </style>

     <page backimgx="{{bg_front}}"> 
<!--         <page_header> 
           ...              
        </page_header> 
        <page_footer> 
           ...
        </page_footer>  -->
        <img src="{{bg_front}}">
        <div class="front"><br><br>
        <p style="margin-top: 35px; margin-left: 900px; font-size: 22px; line-height: 150%;">
            <b text-align='center'>{{cpf}}</b>
        </p>
        <br /><br /><br /><br /><br /><br /><br /><br /><br />

        <!-- <center><h4 style="font-size: 23px;">Certificado</h4></center> -->
        <p style="margin: 60px ;margin-left: 140px; font-size: 22px; line-height: 150%;">{{text_front}}</p>
        </div>
        <p style="margin-top: 1120px ;margin-left: 518px; font-size: 22px; line-height: 150%;">
        {{cpf}}
        </p>

        </div>
     </page> 
</div>

Abaixo o trecho do código em python 

class ViewPDF(View):
	def get(self, request, *args, **kwargs):
		data = {}
		pdf = True
		if kwargs['pk']:
			#
			# CARREGAR DADOS DO ALUNO
			#
			try:					
				participant = Participant.objects.get(pk=kwargs['pk'])
				print(participant.cpf)
				if participant.name:
					certificate = Certificate.objects.get(pk=participant.certificate.pk)

					pathBack = str(certificate.template.template_back.url)

					pathFront = str(certificate.template.template_front.url)
					print(pathFront)
					#
					# CONFIGURA OS BACKGROUNDS E TEXTO
					#
					data['bg_front'] = pathFront
					data['bg_back'] = pathBack
					setting = certificate.template.settings			
					start_date = datetime.strftime(certificate.start_date,'%d/%m/%Y')
					end_date = datetime.strftime(certificate.start_date,'%d/%m/%Y')
					data['text_front'] = setting.replace('<<nome>>',participant.name).replace('<<cpf>>',str(participant.cpf)).replace('<<ch>>',str(certificate.ch)).replace('<<instituicao>>',str(certificate.institution)).replace('<<DataInicio>>',start_date).replace('<<DataFim>>',end_date)
					data['cpf'] = participant.cpf
				pdf = render_to_pdf('app_certificates/body_front_pdf.html', data)
				return HttpResponse(pdf, content_type='application/pdf')
			except TypeError as e:
				return HttpResponse(e)

Já tentei várias coisas, o problema me parece ser com o css, pois funciona na tag img

 

 

[DoVale 0]

Estou usando HTML2PDF para renderizar em pdf

[DoVale 0]

Obtive o seguinte erro no terminal: Could not process uri: HTTP Error 403: Forbidden

 

Meu S3 tá configurado assim:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>