Vue.js - не удается загрузить данные json с помощью vue-resource

У меня возникли проблемы с использованием vue-resource с некоторыми данными json. Я следую примеру здесь: https://github.com/vuejs/vue-resource/blob/master/docs/http.md

Мой вызов vue-resource выглядит так:

  ready: function() {    
    this.$http.get('http://section.dynns.com/sections').then(function (response) {
      this.$set('data_list', response.data)
  });
},

См. jsfiddle здесь: http://jsfiddle.net/greene48/yb5chmfr/

Но переключение этого вызова API на другой набор данных, похоже, работает: http://jsfiddle.net/greene48/92gfwqL3/

Итак, может быть, что-то не так с json, который я пытаюсь использовать? Любая помощь будет оценена по достоинству. Спасибо


javascript json vue.js vue-resource
person greenerr    schedule 09.02.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

http://jsonplaceholder.typicode.com/posts устанавливает заголовки CORS. http://section.dynns.com/sections — нет. Без заголовков CORS ваши запросы к другому доменному имени подчиняются политике браузера в отношении того же источника и не будут выполняться.

Другими вариантами являются JSONP (если его поддерживает API) или проксирование запросов через сценарий на стороне сервера.

person ceejayoz    schedule 09.02.2016
comment
Большое спасибо, возможно, это был очевидный ответ, но я новичок во всем этом. Я добавил заголовки CORS к данным, и теперь это работает. - person greenerr; 09.02.2016