Как загрузить изображение статического файла в компоненте Vue с помощью приложения Django

В настоящее время я использую laravel-mix, Django и Vue вместе. Я хотел бы загрузить статическое изображение внутри компонента Vue. Мои изображения хранятся в папке static/img

Прежде всего, я установил псевдоним в конфигурации Webpack, указывающий на папку static.

const path = require('path')

let publicPath = 'src/static'
module.exports = {
    resolve: {
        extensions: ['.js', '.vue'],
        alias: {
            '@': path.join(__dirname, publicPath)
        },
    },
}

И загрузите изображение в компонент Vue

<img :src='require(`@/img/Blue.jpg`).default' alt="">

Я не могу загрузить изображения и Webpack сгенерировал новые изображения в папку images. Как предотвратить это и загрузить изображение правильно

измените это на

<img :src='require(`@/img/Blue.jpg`).default' alt="">

To:

<img :src="require('@/img/Blue.jpg')" alt="">

надеюсь, это может помочь вам

Вернуться на верх