vue怎么给html中img的src赋值,vue webpack项目img无法加载静态src

在我的vue(2.0)webpack项目中，我配置了vue-html-loader，但在我的.vue文件中，img标签无法加载静态src图像 . 下面是我的webpack配置：

module: {

loaders: [

...

{

test: /\.html$/,

exclude: /node_modules/,

loaders: ['html', 'html-minify']

}

, {

test: /\.vue$/,

loader: 'vue'

}

...

]

},

vue: {

...

html: {

root: path.resolve(__dirname, './source/static'),

attrs: ['img:src', 'img:srcset']

},

loaders: {

css: ExtractTextPlugin.extract("css"),

sass: ExtractTextPlugin.extract("css!sass")

}

},

resolve: {

root: [

path.resolve('./source')

],

extensions: ['', '.js', '.json', '.scss', '.html', '.css', '.vue'],

alias: {

'vue': 'vue/dist/vue.js'

}

},

下面是我的.vue文件：

我的浏览器总是出现404错误 . 有人得到同样的问题吗？