图片网址无法在Vue组件中解析

Question

我的问题：

为图像生成的路径与css或vue组件中使用的图像相同。 图片是从CSS文件正确加载的，但是在vue组件中声明时找不到。

webpack版本：3.6.0

这是webpack配置

{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  loader: 'url-loader',
  options: {
    publicPath: '../../',
    limit: 1000,
    name: utils.assetsPath('images/[name].[hash:7].[ext]')
  }
},
{
  test: /\.css$/,
  use: [
    'vue-style-loader',
    {
      loader: 'css-loader',
      options: {
        modules: true,
        name: utils.assetsPath('css/[name].[ext]'),
      }
    },
  ]
}

sourceMap已启用，publicPath为“ ./”

如果将文件部署在服务器根目录中，但将其部署在子目录中，则一切正常，但不能。 假设我将文件部署在“ dev”子目录中。 CSS文件中的图像将在/ dev / static / images /中搜索 Vue组件中的图像将在/ static / images /中进行搜索，而在这些位置中找不到...

我不知道自己在做什么错...任何帮助或建议，我们都会感激不尽。

谢谢！