Vue.js

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 sets CORS headers. http://section.dynns.com/sections 没有。如果没有 CORS headers，您对不同域名的请求将受浏览器的 same-origin 策略约束，并且会失败。

您的其他选项是 JSONP（如果 API 支持）或通过 server-side 脚本代理请求。

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

Vue.js - can't load json data using vue-resource

javascript

json

vue-resource