Error trying to get local images in .vue files with my own webpack config

The real deal is that I’m learning webpack and trying to create my own vue template but I’m getting this issue that not happens in webpack-simple or others templates, and my config for images is pretty similar to what is normally used by templates.

{ test: /\.(png|jpe?g|gif)$/i, use: { loader: 'file-loader', options: { name: '[name].[ext]', outputPath: './assets/', }, }, } 

I got the following error

http://localhost:8080/[object%20Module] 404 (Not Found)

When I try to get the logo in App.vue

<template> <img src="./assets/logo.png"/> </template> 

A fact is that when I use his “dependency” name or hash given by webpack the image is called right.

But the vue docs say that calling as I do has to work as work like in webpack-simple template since the call will be parsed by the webpack.

I don’t know if it helps, but I can import the img from path with import img from './assets/logo.png' just with the HTML in template that I get this problem.