vue js app image not loading from server

Question

In my Vue js app, image is loading on my localhost environment form "src/assets" folder but when i deploy it on firebase images are not showing .404 is showing . what the problem here?

i am using: 
<img src="../assets/logo.png" style="width:100%" alt="Avatar">:
i also tried:
 "<img :src="../assets/logo.png" style="width:100%" alt="Avatar">"

Take a look to this folder structure dzwonsemrish7.cloudfront.net/items/0p200P3Q3L0W390S2441/…, then if you are calling your image from app.vue you should call load it like this: <img src="./assets/logo.png" style="width:100%" alt="Avatar"> and that should work. — ricardoorellana
– ricardoorellana, Commented May 8, 2018 at 17:52

margherita pizza · Accepted Answer · 2018-05-08 05:24:20Z

2

Try to give the full path instead of ../assets/logo.png try src/assets/logo.png or what ever It should be complete full path.

answered May 8, 2018 at 5:24

margherita pizza

7,29730 gold badges105 silver badges181 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

margherita pizza Over a year ago

I don't think this is a webpack issue. Give exact same path to the alt attribute and see what it gives. (<img src="src/assets/logo.png" style="width:100%" alt="src/assets/logo.png">). I think you have a path issue. If alt prints it correct and logo.png exists in that path image should appear in the screen.

abrsh Over a year ago

src/assets/logo.png didn't work for me. But @/assets/logo.png did!

Collectives™ on Stack Overflow

vue js app image not loading from server

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related