BackboneJs: 404 Не найдено

Question

Я новичок в backboneJs и после учебника here. Я создаю маршрут для/users и делаю то же самое, что и в учебнике, но не получаю 404, тогда как в учебнике его работа отлично.

Мой код:

<script> 

    var Users = Backbone.Collection.extend({ 
     url: '/users' 
    }); 

    var UserList = Backbone.View.extend({ 
     el: '.page', 
     render: function() { 
      var users = new Users(); 
      users.fetch({ 
       success: function(users) { 
        var tempalte = _.tempalte($('#user-list-template').html(), {users: users.models}); 
        this.$el.html(template); 
       } 
      }) 
     } 
    }); 

    var Router = Backbone.Router.extend({ 
     routes: { 
      '': 'home' 
     } 
    }); 

    var userList = new UserList(); 

    var router = new Router(); 
    router.on('route:home', function() { 
     userList.render(); 
    }); 

    Backbone.history.start(); 
</script> 

HTML Body

<div class="container"> 
    <h1> User Manager </h1> 
    <hr /> 
    <div class="page"> 

    </div> 
</div> 

<script type="text/template" id="user-list-template"> 
    <h1> Testing Template</h1> 
</script> 

и тело также включает в себя все другие сценарии. Я уверен, что делаю ошибку, но не могу ее найти. Пожалуйста, помогите, спасибо !!!

Answer 1

Код для видео доступно здесь для сравнения:

index.html

Я вижу несколько синтаксических ошибок в размещенном коде, которые являются частью этой проблемы. Создается переменная «tempalte», но «template» передается в $ el.html(). Существует также; отсутствует после user.fetch ({})

Это должно быть так:

users.fetch({ 
    success: function(users) { 
    var template = _.template($('#user-list-template').html(), {users: users.models}); 
    this.$el.html(template); 
    } 
}); 

Answer 2

Похоже, ваш получать 404 при попытке извлечь список пользователей. Вы должны изменить свою коллекцию, чтобы включить полный URL службы:

var Users = Backbone.Collection.extend({ 
    url: 'http://backbonejs-beginner.herokuapp.com/users' 
}); 

Другим решением было бы использовать ajaxPrefilter:

$.ajaxPrefilter(function(options, originalOptions, jqXHR) { 
    options.url = 'http://backbonejs-beginner.herokuapp.com' + options.url; 
});