用了 webpack 进行构建，图片部分的 loader 如下
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'url',
query: {
limit: 10000,
name: '[name].[ext]?[hash:7]'
}
}
模板代码
<template v-for="item in items">
<li v-show="item.show">
<a href="#">
<img v-bind:src="item.img">
</a>
</li>
</template>
遇到的问题是item.img中的路径并不会被 webpack 编译，还保持着相对路径的状态，最终产生 404 错误。
请问应该如何解决？
Select Language