vue 文件 img 标签编译后找不到图片？

Question

问题描述

vue 文件中，img 标签 未使用相对路径，编译后找不到图片

相关代码

其中，src 与 resource 为同级目录

// src/a.vue 文件
<template>
  <img src="/resource/img/dg.png">
</template>

需求

因为种种原因，不方便改 img 标签的 src 属性值，想问有没有什么插件或者什么方法可以解决这个问题？感谢感谢！！！

Answer 1

怎么说呢，fis3 转成 webpack 的过程中，这个项目中用 app 文件夹 代替常见 的 src 文件夹，我就替换了所有 src 为 app， 结果结果......

Answer 2

在build文件夹下的utils.js设置publicPath: '../../'

Answer 3

试试file-loader