Fórum Academy - Acesso a imagem no storage

Criador MarcosDisc 08/03/2022

Olá Carlos, tranquilo?

Preciso de uma ajuda. Configurei uma aplicação Laravel/Jetstream/Vue e configurei o link do storage conforme o curso (php artisan storage:link) e configurei o componente da logo (ApplicationMark.vue) conforme abaixo:

<!-- LOGO NAVBAR -->
<template>
    <img src="storage/img/logo.png" alt="" class="w-44 h-6 p-0 mb-0 ml-0">
</template>

Na página principal (resource/js/Pages/Dashboard.vue) a logo aparece, porém em um outro componente onde faço uso do mesmo templete (resource/js/Pages/Components/Cliente/Index.vue) ele não aparece. Não consegui entender o pq. Detalhe, ambos usam o mesmo template onde a logo está inserida.

<!-- LOGO NAVBAR -->
<template>
    <img src="storage/img/logo.png" alt="" class="w-44 h-6 p-0 mb-0 ml-0">
</template>

1 comentários

Manager Carlos Ferreira 08/03/2022

Olá, Marcos!
Tudo bem?

Como a imagem está armazenada no storage do Laravel, você deve usar os helpers do Laravel para passar essa imagem para o component, você pode passar via props, é uma das opções.

Porque dessa forma forma aqui, só funciona se a imagem está dentro do próprio Vue.js: https://github.com/especializati/vue-3-projeto-ead/blob/main/src/views/home/components/CardCouse.vue#L5

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!