如何使用Django应用程序在Vue组件中加载静态文件映像

Question

我目前正在一起使用laravel mix、Django和Vue。我想在Vue组件中加载静态图像。我的图像存储在static/img文件夹中

首先，我在Webpack配置中设置了一个指向静态文件夹的别名。

const路径=需要("路径"(

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生成的新图像加载到图像文件夹中。如何防止它和加载正确的图像

Answer 1

将其从更改

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

收件人：

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

希望这对有帮助