Hi <@UM5G69R8W> I can see you asked the same question before. I am also having an issue on displayin...

# kvision

[Kumaran Masilamani]

Hi @Lars Erik Rojeras I can see you asked the same question before. I am also having an issue on displaying favicon.ico from index.html.
I tried with a new png image (favicon.png) as per the w3 recommendation, but still it is a 404 when called from index.html.
How did you manage to show the favicon? Do we need to host externally and give an absolute url?

[Robert Jaros]

This is working fine on https://kvision.io website:
https://github.com/rjaros/kvision-io/tree/main/src/main/web

[Lars Erik Rojeras]

Now it works with a link tag in the head section
<link rel="icon" href="tpnet.png" type="image/png">

[Kumaran Masilamani]

Thanks, both. Somehow it doesn't show when run as jar.. It works when I run frontend separately. It must be something with the setup.. I have my image under src/frontendMain/web/img/favicon.png. and have this tag.

[Kumaran Masilamani]

<link rel="icon" href="img/favicon.png" type="image/png">

[Robert Jaros]

can you download the image directly with /img/favicon.png url?

[Kumaran Masilamani]

Nope, it gives 404 on

http://localhost:8080/img/favicon.png▾

[Robert Jaros]

and http://localhost:8080/index.html works?

[Robert Jaros]

it looks similar to your previous problem, when something intercepted requests to the backend server

[Robert Jaros]

could you check the content of your fatjar? in BOOT-INF/lib you should have a <project>-frontend-<version>.jar file

[Robert Jaros]

and inside this jar you should have all the resources in `/public' (including public/img/favicon.png)

[Robert Jaros]

if its there, then something indeed probably intercepts your requests - perhaps you have some custom configuration (like authentication), maybe some filters? or there is some custom configurations in your libraries

[Kumaran Masilamani]

To answer your first question; Yes the localhost:8080/index.html works (without the favicon). Then inside the frontend jar the public folder has my favicon but saved as. 3a29438d1ce163ced44546183b57743c.png

[Robert Jaros]

And you have src/frontendMain/web/img/ folder in your project but no img inside frontend jar /public/?

[Robert Jaros]

what about build/distributions - is img there?

[Robert Jaros]

are you sure you have your favicon inside src/frontendMain/web/img and not src/frontendMain/resources/img?

[Kumaran Masilamani]

ah maybe that is the issue.. I have my img folder under /src/frontendMain/resources . As all other images are under that folder and works. I will move it to web/img and try

[Kumaran Masilamani]

Yes, that worked.. Thank you

[Robert Jaros]

Just to explain: the things in the resources folder should be used with the require() function and are processed by webpack (images are mangled, css inlined, etc.), the web folder on the other hand is just copied to the destination bundle (zip file, fatjar etc) and all elements can be used directly from the browser (and from the index.html file).