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

Question

我在使用vue-resource与某些json数据时遇到问题。 我在这里继例如：https://github.com/vuejs/vue-resource/blob/master/docs/http.md

我VUE资源调用如下：

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支持它）或通过服务器端脚本代理请求。