vue.js+webpack 为 img src 赋值的路径问题？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2971 天前的主题，其中的信息可能已经有所发展或是发生改变。

用了 webpack 进行构建，图片部分的 loader 如下

{
  test: /\.(png|jpg|gif|svg)$/,
  loader: 'url',
  query: {
    limit: 10000,
    name: '[name].[ext]?[hash:7]'
  }
}

模板代码

<template v-for="item in items">
  <li v-show="item.show">
    <a href="#">
      <img v-bind:src="item.img">
    </a>
  </li>
</template>

遇到的问题是item.img中的路径并不会被 webpack 编译，还保持着相对路径的状态，最终产生 404 错误。
请问应该如何解决？

3 条回复 • 2016-05-28 14:41:17 +08:00

spademan

2016-05-22 15:44:58 +08:00

我也遇到这个问题请问题主解决了吗 /

xjx0524

2016-05-22 16:07:40 +08:00

@spademan 没有。。。其实我就是三个轮播图，最后硬写在 template 里没用循环。。。

xjx0524

2016-05-28 14:41:17 +08:00

@spademan https://segmentfault.com/q/1010000004582219 那个采纳的答案我觉得靠谱，不过还没测试