Managed to solve it
I moved my images in pubic/assets/ folder and changed path to logo:"/assets/client.png" (for my case) this solved my issue.
For more details refer to @burlresearch comment on this post.
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I have card which shows list of items as follows:
menus:[
{
logo: require("../assets/client.png"),
name: "Clients",
redirection: "clients"
}
]
I'm looping menus in div v-for and image is inside div tag following is html code:
<img :src="menu.logo" />
My vue component path is /resources/js/components/
I have created assets folder in resourses folder , its path is /resources/js/assets/
My problem is I'm not able to show image in image tag.
Console error says: http://localhost/images/client.png?7a01645624dc771389bae59e51ffd40d 404 (Not Found)
For more details check this
Thankyou for reading this post.
Managed to solve it
I moved my images in pubic/assets/ folder and changed path to logo:"/assets/client.png" (for my case) this solved my issue.
For more details refer to @burlresearch comment on this post.
Please or to participate in this conversation.