山东大学项目实训——古籍云端检索系统——上传头像和显示头像（9）

显示图片，因为我们后端是直接使用url显示出储存的图片，所以，我们在接受的时候，直接使用url接受

 this.image = 'http://***/search-engine/user/get_avatar?username=' + store.state.JSON_user.username;
    

使用<\v-img>组件的时候，
要写成:src

 <v-img id="avatar" ref="avatar" :src="image"></v-img>

上传图片的地方，要加入headers

      reader.onload = function(event){
        that.$http({
          method: 'post',
          url: 'http://***/search-engine/user/set_avatar',
          data: {
            username: that.username,
            img: event.target.result
          },
          headers: {
            'content-type': 'application/json'
          }
        }).then(res => {
          console.log(res.data)
          that.$router.go(0)
        })
      };