Почему не выводится картинка на сайте?

Question

[Vova135798]

При выводе картинки мне выдает ошибку

Failed to load resource: the server responded with a status of 404 (Not Found)

Как мне поместить картинку на сайт?

<template>
<header>
    <div class="header">
        <div class="header-section">
            <div class="logo"><img :src="('../assets/logo.png')" width="40px"></div>
            <ul class="header-menu">
                <li><a href="">Премиум</a></li>
                <li><a href="">Новости</a></li>
            </ul>
        </div>
        <div class="header-section">
            <ul class="header-menu">
                <li>
                    <a href="#">Вход</a>
                </li>
                <li>
                    <button>Lg</button>
                </li>
            </ul>
        </div>
    </div>
</header>
</template>

Comments

[JhaoDa]

Если бы вопрос задавал не Вова, я бы предложил вглядеться в ошибку внимательней. Но...

[Дмитрий]

Не обработал директиву blade. Там в урле видно что он {{ asset('/img/logo.png') }} так и оставил.

[Vova135798]

Дмитрий, а как нужно сделать

[Дмитрий]

Vova135798, смотря куда вы его вставляете

[Vova135798]

Дмитрий, Я использую inertia.js. Картинку вставляю в компонент Vue

[Дмитрий]

Vova135798, Ну у вас в компоненте vue не будут директивы blade обрабатываться. Они будут обрабатываться только в *.blade.php

[Дмитрий]

Vova135798, как бы нужно vue отдавать данные которые полностью подготовлены.

[Vova135798]

Дмитрий, :src="/public/img/logo.png" тоже не работает. Выдает ошибку

Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating '_ctx.logo.png')

[Дмитрий]

Vova135798, слушайте по такому куску кода понять чего либо - нельзя.

[Дмитрий]

Vova135798, Но предположу что наверное там было так
<img v-bind:src="/img/logo.png" />

bind - используется для переменных. а у вас значение, скорее всего надо
<img src="/img/logo.png" />

[Vova135798]

Дмитрий, Сработало, спасибо