V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
xjx0524
V2EX  ›  问与答

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

  •  
  •   xjx0524 · 2016-03-11 00:33:16 +08:00 · 10163 次点击
    这是一个创建于 3169 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用了 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
        1
    spademan  
       2016-05-22 15:44:58 +08:00
    我也遇到这个问题 请问题主解决了吗 /
    xjx0524
        2
    xjx0524  
    OP
       2016-05-22 16:07:40 +08:00
    @spademan 没有。。。其实我就是三个轮播图,最后硬写在 template 里没用循环。。。
    xjx0524
        3
    xjx0524  
    OP
       2016-05-28 14:41:17 +08:00
    @spademan https://segmentfault.com/q/1010000004582219 那个采纳的答案我觉得靠谱,不过还没测试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5389 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 01:23 · PVG 09:23 · LAX 17:23 · JFK 20:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.