Background Image Path Issue with Deployed Site on Netlify

Support
,
1

Bien sûr ! Voici la demande révisée :

Subject: Image Path Issue with Deployed Site on Netlify

Hello Netlify community,

I’m encountering an issue with my deployed site, specifically with the path to one of my images, and would greatly appreciate any insights or assistance.

All my the background image image I’m trying to serve isn’t being loaded correctly on the live site. I’m encountering a 404 error when trying to access ,for exemple, the image at https://main--nimble-sunburst-3000e9.netlify.app/weather_app_serverless/dist/img/rainy-day.jpeg. All the image are located in my weather_app_serverless/dist/img directory in my local setup, and I’m confident that the path referenced in my code is accurate.

For further context:

My netlify.toml file configuration is as follows:

[build]
    publish = "dist/"
    functions = "serverless"

[functions]
  directory = "serverless"

Given these details, I’m unsure why the image isn’t being accessed correctly. I’ve ensured that the necessary files are being tracked by Git and should be deployed. I’ve also attempted to clear the browser cache and have double-checked my paths multiple times.

If anyone has encountered a similar issue or has recommendations on potential fixes, I would be immensely grateful for the guidance.

Thank you in advance for any help provided!

Warm regards,
Simplice

2

In your CSS, change:

background-image: url("/weather_app_serverless/dist/img/cloudy_day.jpeg");

to

background-image: url("/img/cloudy_day.jpeg");
3

Hello. Thanks you for the reply. I Tried your solution and still got the same error: GET https://main--nimble-sunburst-3000e9.netlify.app/weather_app_serverless/dist/img/cloudy_day.jpeg 404

4

When I test my site locally, outside of Netlify, everything works perfectly without any issues, including the display of images.

5

I don’t think so, your website loads fine:

image
image1920×903 58 KB

6

You are the best my friend :). Thank you very much