Incluindo consumo JSON da API no projeto Alurapic

Caros Bom Dia =DNo estudo do capítulo 3 do curso, baixei a API e estou consumindo-a no meu projeto alurapic até ai tudo ok. -A API retorna as tags com imgs mas essas tags aparecem sem os atributos 'src' e 'alt' - Consequentemente aprece uma lista ul mas sem imagens segue abaixo codigo do projeto.

src/main.js

import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource';

Vue.use(VueResource);/*Registrando componente Resource vue*/

new Vue({
  el: '#app',
  render: h => h(App)
})

src/App.vue

<template>
  <div>
      <h1>{{ titulo }}</h1>
      <ul>
        <!-- interacao  foreach do vue -->
        <li v-for="foto of fotos">
          <img :src="foto.src" :alt="foto.alt"/>
        </li>
        <!-- Fim interacao  foreach do vue -->
      </ul>

  </div>
</template>

<script>
export default {
    data(){

        return {
            titulo:'Alurapic',
            fotos: []

        }

    },

    created(){

        this.$http.get('http://localhost:3000/v1/fotos')        
        .then(res => res.json())
        .then(fotos => this.fotos = fotos, err => console.log(err));
    }
}
</script>

Aguém já passou por esse problema também?

Agradeço a atenção.