Ngrok tunneling doesnt take in css or images

Hello,
I’m sorry I’m new to this,
I managed to start learning Kirby, have fun and built some projects with it !
I’m amazed by that marvellous machinerie :slight_smile:

But now that its comes to sharing I have all the issues in the world with Ngrok, I managed to make it work as long as its static… But with Kirby it doesnt seem to take in css or even images links. It works perfectly on my local environnement.

Is there a trick or am I missing something ?
Sorry if this is basic issue but I’m really stuck here

Thanks again,
Have a great day,
Jo

Welcome to the community!

Are you using ngrok to tunnel your local website to the rest of the world? What is working and what is not working? Do you see erros in logfiles or in the developer console of your browser? Which webserver are you running locally? Did you already test it with a clean Kirby starterkit installation?

Not sure if this works in Kirby 3: CSS links without hostname - #8 by lukasbestle (of course with the syntax for Kirby 3)

Thank you so much for your response !
Are you using ngrok to tunnel your local website to the rest of the world?
Yes that’s what I’m trying to do, to show demo version and progress before uploading it with domain name.

I did try with the starter kit I have the same issue, which is I get like a pure html version of the project, blue link underlined, bulleted list, default font ect no images, no working links…

(I can only put 2 links in the forum as Im new user so I added spaces in the links)

One error I get is this one :

for Images → Mixed Content: The page at ‘https://temporaryadress.ngrok.app/’ was loaded over HTTPS, but requested an insecure element ‘http://temporaryadress.ngrok.app:8888/media/pages/photography/trees/30b75da477-1686139969/monster-trees-in-the-fog-1024x1024.jpg’. This request was automatically upgraded to HTTPS

→ for JS
Mixed Content: The page at ‘https: // temporaryadress. ngrok.app /’ was loaded over HTTPS, but requested an insecure script ‘http: // temporaryadress.ngrok. app:8888 /assets/js/index.js’. This request has been blocked; the content must be served over HTTPS.

Otherwise the links do actualise like that

Im using MAMP locally with Apache and PHP 8.2.0

Thank you again I hope I gave you enough informations !

Thank you ! I did try to follow that answer while looking for a solution but it didnt work…
I may have made mistakes while translating the synthax though :confused:

I will try it again, thanks for pointing that out !


EDIT : Its finally working with this synthax :

return [
‘url’ => ‘/’,
];


Thank you !

New issue is that, now that my page is loaded, css, homepage images and js, no internal links are working… external does, like contact - opening window to send me a mail or so.
But as its working with the starter kit I guess I can figure out the solution more easily… Even though if you do have a solution I’m interested :grin:

I get a
Not Found
The requested URL was not found on this server.

and a GET error in the console
series:1 GET https://temporaryadress.ngrok.app/sommaire/series 404

Thanks again to you both :pray:

Hm, don’t really understand what is working or not. But if I understand correctly, everything is fine when you test this with a starterkit, right? All CSS, JS, and all links?

Yes its now all working perfectly !
Thank you again :pray: :sparkles: