Webpack 为什么图像不显示在vuejs项目中

在我的项目中，我使用Vue.js+es6+webpack

我已经在data.json中定义了img地址

 "seller": {
 "avatar": "http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",
  }

在App.vue中

 <v-header :seller="seller"></v-header>
 .......
 <script type="text/ecmascript-6">
 import header from './components/header/header.vue'
 export default {
  data () {
    return {
    seller: {}
  }
},
created () {
this.$http.get('/api/seller').then(response => {
// get body data
  this.seller = response.body
  console.log(this.seller)//get seller content from data.json successfully
}, response => {
// error callback
})
},
components: {
 'v-header': header
 }
}
</script>

在webpack.dev.con.js中

const appData = require('../data.json') 
const seller = appData.seller
... 
devServer: { 
before (app) {
app.get('/api/seller',(req,res) => {
res.json({
 errno: 0,
 data: seller
}) // return json
}),

---

它工作正常。似乎没什么问题，谁能帮我？

您的json似乎也坏了，而且看起来根属性是

seller

，因此分配应该是：

this.seller = response.body.data;

---

如果您可以显示完整的标题组件代码，这将很有帮助。@Jared，请参阅我的Updatery在

//错误回调中记录的内容查看我的编辑。这可能是由于json文件的结构造成的。我想你的json应该是
{“卖家”：{“阿凡达”：http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg“，}}
是的，我的json是{“卖方”：{“阿凡达”：“}}}我在控制台中找到了包括阿凡达在内的所有对象：”“我已经测试了这个。卖方=响应。身体。卖方；但是控制台中出现错误：vue.esm.js？efeb:591[vue warn]：渲染中出现错误：“TypeError:无法读取未定义的属性‘avatar’”您能否更新您的问题以包含
响应.body的响应？
<template>
<div class="header">
  <div class="content-wrapper">
    <div class="avatar">
      <!--<img width="64" height="64" :src="seller.avatar">-->
      <img width="64" height="64" src="http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg">
    </div>
  </div>
  <div class="bulletin-wrapper"></div>
</div>
</template>

<script type="text/ecmascript-6">
 export default {
   props: {
     seller: {
       type: Object
     }
   }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
</style>

data:{name: "JOHN）", description: "stack", deliveryTime: 38, score: 4.2, serviceScore: 4.1,…}
 avatar:"http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256
 px.jpg"
bulletin:"one"
deliveryPrice:4
deliveryTime:38
error:0

const appData = require('../data.json') 
const seller = appData.seller
... 
devServer: { 
before (app) {
app.get('/api/seller',(req,res) => {
res.json({
 errno: 0,
 data: seller
}) // return json
}),

this.seller = response.body.data;