CSS and Images no longer working

[Roxeen12]

Hi there!

I'm using this package with laravel modules and the CSS and the external images are no longer working.

Everything works on my local environment as it should, but on the server, the style is no longer applied in the PDF.

This is how i am importing the CSS:

{{ module_vite('build-eventpage', 'resources/assets/sass/app.scss') }}

and this is how i am using the images:

<img src="https://images.domain.com/domain-logo-orange.svg" alt="logo" class="logo__image">

It's weird because on my staging server the CSS is working but the images are not, and on the production nothing is working anymore.

Is something blocking the images to be rendered and the CSS to be applied?

Thank you!

Production:

Staging:

Local:

[bsweeney]

How are you loading your document into Dompdf? Are paths correct for local vs production systems? Are remote resources allowed via your configuration?

I don't use laravel but it looks like the DEV URLs generated by vite may differ from the production URLs.

[Roxeen12]

Hi @bsweeney! Sorry for the miscommunication, i am using laravel-dompdf, which is a wrapper of this package.

[bsweeney]

I understand you're using laravel-dompdf, I just don't have a test environment where I can check things since I do not use laravel. My questions are still relevant, particularly with regard to vite. If you're using a DEV configuration locally that may be the reason it's rendering as expected in that environment.

[parallels999]

barryvdh/laravel-dompdf#1065 (comment)
barryvdh/laravel-dompdf#1059 (comment)
barryvdh/laravel-dompdf#1058 (comment)

[maschenborn]

images and css stopped working for me as well - but only if request contains https.
Requested with http they still work.

[bsweeney]

@maschenborn you might try enabling additional debug messaging to see if something helpful is surfaced.

[techtuneitbackenddev]

$pdf->setOption(['isRemoteEnabled' => true]);
is work for me

[clintLandrum]

Images are not loading for me. I've tried setting static image tag urls to proven paths both http and https and nothing works. I'm not using a wrapper, just this repo and so far everything else in the PDF renders fine except for images. Even background images in CSS do not render.

    public function getPDF() {
        $dompdf = new Dompdf();
        $html = '<img src="https://images.ctfassets.net/kugm9fp9ib18/YDOlzAWkee9uqayk46Fzs/c155ab88030301a5fd2b6f15e7064749/steak-n-feta-pita_20231120_web.jpg" />';
        $dompdf->loadHtml($html);
        $dompdf->render();
        $filename = $this->PlanName . '.pdf';
        $dompdf->stream($filename, array('Attachment' => 0));
        return $dompdf;
    }

[bsweeney]

@clintLandrum would need to see a sample of what you tried plus the Dompdf options you specified.