0

I’m building a website using Quasar Framework (Vue), and I’m having trouble with .webp images after deployment.

Everything works perfectly in development mode.
When I run quasar build, the .webp images are generated correctly and I can see them inside the folder.

But after I deploy to my hosting, the website does not display any .webp images. All other images (.jpg, .png) load normally.

The weird part is:

  • The .webp files are on the server in the correct paths.

  • Browser supports WebP (tested Chrome, Firefox).

  • The same exact paths work locally when I serve /dist.

What I’ve checked so far:

  • Correct URLs / paths

  • File names match

  • Case sensitivity

  • Cache cleared

  • Server is serving other static assets correctly

Is this a Quasar/Vite build problem or something related to the server configuration?

What should I investigate to fix .webp images not loading on the deployed website?

Improve this question
New contributor
Swarup Dhavan is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
2
  • 1
    what is your browser development tools network log saying about the images? do you see calls to these images that fail? or are there no calls? Do you see image error place holders or no image at all? Commented Nov 26 at 6:38
  • It shows this in the comment image-name..44423588.webp:1 GET domain-name.com/assets/Image-name.44423588.webp 404 (Not Found) Commented Nov 27 at 9:01
Related questions
78
Vue 3 Vite - dynamic image src
0
Why Quasar PWA + SSR server-rendered source code not work for production build generated code?
0
vue.js: files are not found until I add dist folder to href
Load 6 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.