My site is working fine on localhost using XAMPP. However, when I move all files to the production server I get issues displaying it properly - it’s missing styling and all images that are referenced are not showing up.
When I look in the dev console, I see the following:
I am simply copying over what works on local (XAMPP) to remote (a linux VPS with PHP and the necessary php-mods).
I am using WinSCP to do the transfer and at first I though that is what was messing with the file names. So far, I have also tried deploying with Rsync and pulling the project in to the server as a cloned repo. All these techniques result in the same mangled file name.
When I remove the digits, I can see the expected file in the browser, so something is adding numbers to the files.
I have narrowed down the issue to the Cachebuster plugin. It’s the one adding the string of digits (timestamps) to the css and js files. The problem is that when it does so, my server can’t find the timestamped file for some reason even though it exists and I can see it in dev-tools.
I have turned off Cachebuster for now and my site is loading properly with style and structure.
A remaining issue though is that images that are used on the wesbite and contained in the ‘media’ folder are not showing. I removed the media folder, but how do I get the images that are part of my project to show?