Vue.js - 无法使用vue-resource加载json数据

Question

我在使用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有问题？ 任何帮助，将不胜感激。 感谢

Answer 1

http://jsonplaceholder.typicode.com/posts设置CORS标头。 http://section.dynns.com/sections没有。如果没有CORS标头，您对不同域名的请求将受浏览器的同源策略约束，并且将失败。

您的其他选项是JSONP（如果API支持）或通过服务器端脚本代理请求。