vue render 中 如何正确配置img的src 路径？

Question

如下图：如何在vue reader 中 如何正确配置img的src 路径？

现在报错 http://localhost:8080/common/...不存在， 我尝试过在 build/webpack.base.bas.js的alias对象中配置 common 设置路径，可是还是不生效。

Answer 1

require('../common/images/logo.png')

Answer 2

将 attrs 换为 domProps，row的位置是路径

Answer 3

试试 ../common/images/logo.png

Answer 4

图片也是一种资源 和JS 文件相同。../common/images/logo.png

Answer 5

你这样的引用方式，在开发环境里面是找不到的，而且在build的时候这个图片不会被build进去，所以也找不到这个资源的，有2中方案1 就是require 这个图片。引用的时候去引用实力就好了，第二种方案就是用webpack插件去把你的img文件夹做一个统一打包处理到同一个运行环境下的文件夹中，然后你以后就直接用相对地址去访问就好了